*/
display: flex;
flex-wrap: wrap;
gap: 8px;
/* gap-2 exact Tailwind value */
margin-top: 16px;
/* mt-4 exact Tailwind value */
margin-bottom: 0;
padding: 0;
background: transparent !important;
border: none !important;
box-shadow: none !important;
/* Remove any hover effects */
/* Direct child div should also use flex layout */
}
/* line 9134, app/assets/stylesheets/application.scss */
.modern-tags-container:hover,
.tags-container:hover {
background: transparent !important;
transform: none !important;
box-shadow: none !important;
}
/* line 9141, app/assets/stylesheets/application.scss */
.modern-tags-container > div,
.tags-container > div {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
@media (max-width: 768px) {
/* line 9118, app/assets/stylesheets/application.scss */
.modern-tags-container,
.tags-container {
gap: 8px;
margin-top: 16px;
}
}
/* line 9154, app/assets/stylesheets/application.scss */
.location-tags {
margin-top: 1rem;
}
/* line 9158, app/assets/stylesheets/application.scss */
.company-locations {
margin-top: 1.5rem;
}
/* line 9162, app/assets/stylesheets/application.scss */
.company-locations-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
/* line 9169, app/assets/stylesheets/application.scss */
.location-header-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 9175, app/assets/stylesheets/application.scss */
.location-title {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin: 0;
}
/* line 9182, app/assets/stylesheets/application.scss */
.expand-arrow {
color: #666;
text-decoration: none;
transition: transform 0.3s ease;
}
/* line 9187, app/assets/stylesheets/application.scss */
.expand-arrow:hover {
color: #e6007a;
}
/* line 9192, app/assets/stylesheets/application.scss */
.salary-link {
color: white;
text-decoration: none;
font-weight: 500;
}
/* line 9197, app/assets/stylesheets/application.scss */
.salary-link:hover {
color: #e6007a;
}
/* line 9203, app/assets/stylesheets/application.scss */
.jobs-table-container {
background: transparent !important;
/* IMPORTANT: do not add horizontal padding here.
The outer container (.main-content-wrapper > .my-wrapper) already sets the edges.
This must match the ai-platform-showcase container edges. */
padding: 30px 0 !important;
}
@media (max-width: 768px) {
/* line 9203, app/assets/stylesheets/application.scss */
.jobs-table-container {
padding: 16px 0 !important;
}
}
/* line 9216, app/assets/stylesheets/application.scss */
.tags-description-section {
background: #16020a;
padding: 1.5rem;
margin-bottom: 1rem;
}
/* line 9222, app/assets/stylesheets/application.scss */
.tags-description-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
/* line 9229, app/assets/stylesheets/application.scss */
.tags-description-title {
font-size: 1.1rem;
font-weight: 600;
color: white;
margin: 0;
}
/* line 9236, app/assets/stylesheets/application.scss */
.expand-button {
color: #666;
text-decoration: none;
transition: transform 0.3s ease;
}
/* line 9241, app/assets/stylesheets/application.scss */
.expand-button:hover {
color: #e6007a;
}
/* line 9246, app/assets/stylesheets/application.scss */
.tags-description-content {
color: white;
}
/* line 9249, app/assets/stylesheets/application.scss */
.tags-description-content p {
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 0.5rem;
}
/* line 9256, app/assets/stylesheets/application.scss */
.tags-description-list {
padding-left: 1.5rem;
}
/* line 9259, app/assets/stylesheets/application.scss */
.tags-description-list li {
font-size: 0.9rem;
line-height: 1.5;
margin-bottom: 0.25rem;
}
/* line 9271, app/assets/stylesheets/application.scss */
:root {
--job-surface: #ffffff;
--job-surface-muted: #f9fafb;
--job-text: #111827;
--job-muted: #6b7280;
--job-border: #e5e7eb;
--job-accent: #0ea5e9;
--job-radius: 12px;
--job-list-bg: #f7fbff;
/* colorful accents for rotating cards */
--card-accent-1: #0ea5e9;
/* sky */
--card-accent-2: #22c55e;
/* green */
--card-accent-3: #f59e0b;
/* amber */
--card-accent-4: #ef4444;
/* red */
--card-accent-5: #8b5cf6;
/* violet */
}
/* line 9294, app/assets/stylesheets/application.scss */
.jobs-table-container table.table {
border-collapse: separate;
border-spacing: 0 10px;
}
/* line 9299, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row {
background: var(--job-surface);
background-image: linear-gradient(0deg, rgba(14, 165, 233, 0.06), rgba(14, 165, 233, 0.06));
/* tint layer (fallback default) */
transition: background-color .2s ease, box-shadow .2s ease, background-image .2s ease;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9308, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:hover {
background: var(--job-surface-muted);
background-image: linear-gradient(0deg, rgba(14, 165, 233, 0.08), rgba(14, 165, 233, 0.08));
box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* Rotate accent palette per row (no HTML changes) */
/* line 9316, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+1) {
background-image: linear-gradient(0deg, rgba(14, 165, 233, 0.06), rgba(14, 165, 233, 0.06));
}
/* line 9321, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+2) {
background-image: linear-gradient(0deg, rgba(34, 197, 94, 0.06), rgba(34, 197, 94, 0.06));
}
/* line 9326, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+3) {
background-image: linear-gradient(0deg, rgba(245, 158, 11, 0.06), rgba(245, 158, 11, 0.06));
}
/* line 9331, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+4) {
background-image: linear-gradient(0deg, rgba(239, 68, 68, 0.06), rgba(239, 68, 68, 0.06));
}
/* line 9336, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n) {
background-image: linear-gradient(0deg, rgba(139, 92, 246, 0.06), rgba(139, 92, 246, 0.06));
}
/* Remove per-cell borders to avoid inner lines */
/* line 9342, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row td {
border-top: none !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
}
/* Single colorful border using inset box-shadow per row */
/* line 9350, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+1) {
box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.3) inset, 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9354, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+1):hover {
box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.35) inset, 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* line 9358, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+2) {
box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.3) inset, 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9362, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+2):hover {
box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35) inset, 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* line 9366, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+3) {
box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.3) inset, 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9370, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+3):hover {
box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.35) inset, 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* line 9374, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+4) {
box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.3) inset, 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9378, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n+4):hover {
box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.35) inset, 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* line 9382, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n) {
box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.3) inset, 0 1px 2px rgba(17, 24, 39, 0.06);
}
/* line 9386, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row:nth-child(5n):hover {
box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.35) inset, 0 8px 24px rgba(17, 24, 39, 0.08);
}
/* line 9390, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody td {
border-top: none !important;
}
/* line 9394, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row td:first-child {
border-top-left-radius: 0;
/* Remove rounded corners */
border-bottom-left-radius: 0;
/* Remove rounded corners */
}
/* line 9401, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.table_row td:last-child {
border-top-right-radius: 0;
/* Remove rounded corners */
border-bottom-right-radius: 0;
/* Remove rounded corners */
}
/* line 9409, app/assets/stylesheets/application.scss */
.jobs-table-container .my-badge-secondary,
.jobs-table-container .my-badge-primary {
background: #ffffff;
border: none !important;
/* Remove borders for clean borderless design */
color: var(--job-text) !important;
border-radius: 999px;
padding: 0.25rem 0.6rem;
line-height: 1;
}
/* line 9420, app/assets/stylesheets/application.scss */
.jobs-table-container .my-badge-secondary:hover,
.jobs-table-container .my-badge-primary:hover {
background: #d0fc03;
}
/* line 9426, app/assets/stylesheets/application.scss */
.jobs-table-container .pagination .page-link {
color: var(--job-text);
background-color: #ffffff;
border: none !important;
/* Remove borders for clean borderless design */
}
/* line 9433, app/assets/stylesheets/application.scss */
.jobs-table-container .pagination .page-item.active .page-link {
color: #ffffff;
background-color: var(--job-accent);
border: none !important;
/* Remove borders for clean borderless design */
}
/* line 9440, app/assets/stylesheets/application.scss */
.jobs-table-container .pagination .page-item.disabled .page-link {
color: var(--job-muted);
background-color: #ffffff;
}
/* line 9446, app/assets/stylesheets/application.scss */
.jobs-table-container nav[aria-label="pager"],
.jobs-table-container .pagy-bootstrap-nav,
.jobs-table-container .pagy-njs {
background: transparent !important;
border: 0 !important;
}
/* line 9453, app/assets/stylesheets/application.scss */
.jobs-table-container .pagination {
margin-top: 1.25rem !important;
gap: 6px;
}
/* line 9458, app/assets/stylesheets/application.scss */
.jobs-table-container .pagination .page-link {
border-radius: 999px !important;
padding: 6px 12px !important;
line-height: 1 !important;
}
/* line 9464, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-wrap {
gap: 1rem;
width: 100%;
}
/* line 9469, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-results {
flex-shrink: 0;
}
/* line 9473, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-controls-scroller {
display: flex;
justify-content: flex-end;
min-width: 0;
flex: 1 1 auto;
}
/* line 9480, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-controls {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 13px;
}
@media (max-width: 768px) {
/* line 9488, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-wrap {
flex-wrap: wrap;
justify-content: center !important;
row-gap: 0.75rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
/* line 9495, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-results {
width: 100%;
text-align: center;
}
/* line 9500, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-controls-scroller {
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 0 2px 2px;
justify-content: flex-start;
}
/* line 9509, app/assets/stylesheets/application.scss */
.jobs-table-container .modern-pagination-controls {
min-width: -moz-max-content;
min-width: max-content;
margin: 0 auto;
}
}
/* line 9516, app/assets/stylesheets/application.scss */
.jobs-table-container .row.row-cols-2 > .col:first-child {
display: flex;
flex-direction: column;
}
/* line 9521, app/assets/stylesheets/application.scss */
.jobs-table-container .row.row-cols-2 > .col:first-child > table {
flex: 1 1 auto;
min-height: 0;
}
/* line 9526, app/assets/stylesheets/application.scss */
.jobs-table-container .row.row-cols-2 > .col:first-child > .px-3 {
margin-top: auto;
}
/* line 9531, app/assets/stylesheets/application.scss */
.jobs-table-container a:focus-visible,
.tags-container a:focus-visible,
.tags-container .my-badge:focus-visible,
.modern-search-wrapper input:focus-visible,
.jobs-table-container .pagination .page-link:focus-visible {
outline: 3px solid rgba(14, 165, 233, 0.35);
outline-offset: 2px;
border-radius: 8px;
}
/* line 9545, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody h2, .jobs-table-container .tbody .h2,
.jobs-table-container .tbody h3,
.jobs-table-container .tbody .h3,
.jobs-table-container .tbody a,
.jobs-table-container .tbody p,
.jobs-table-container .tbody td {
color: var(--job-text) !important;
}
/* line 9554, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody time,
.jobs-table-container .tbody .job-location-mobile a,
.jobs-table-container .tbody .text-salary,
.jobs-table-container .tbody .text-salary span {
color: var(--job-muted) !important;
}
/* line 9562, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody h3, .jobs-table-container .tbody .h3 {
color: #374151 !important;
}
/* line 9567, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody h2, .jobs-table-container .tbody .h2 {
color: #111827 !important;
}
/* line 9572, app/assets/stylesheets/application.scss */
.jobs-table-container .tbody tr.selected-tr {
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.22);
background-color: #ffffff !important;
}
/* line 9581, app/assets/stylesheets/application.scss */
turbo-frame#job header {
background-color: #ffffff !important;
border-bottom: 1px solid var(--job-border) !important;
}
/* line 9586, app/assets/stylesheets/application.scss */
turbo-frame#job header h2, turbo-frame#job header .h2,
turbo-frame#job header a,
turbo-frame#job header .text-shadow-1px {
color: #111827 !important;
text-shadow: none !important;
}
/* Positivus Style Job Description Area - Full Content Visible */
/* line 9594, app/assets/stylesheets/application.scss */
turbo-frame#job .text-dark-grey-text {
background-color: transparent !important;
color: #191A23 !important;
/* Ensure full content is visible (override inline height/overflow from list layout) */
height: auto !important;
max-height: none !important;
overflow: visible !important;
font-family: var(--positivus-font) !important;
line-height: 1.7 !important;
}
/* line 9605, app/assets/stylesheets/application.scss */
turbo-frame#job .text-dark-grey-text h4, turbo-frame#job .text-dark-grey-text .h4 {
color: #191A23 !important;
font-family: var(--positivus-font) !important;
font-weight: 700 !important;
}
/* line 9611, app/assets/stylesheets/application.scss */
turbo-frame#job .text-dark-grey-text p {
color: #191A23 !important;
font-family: var(--positivus-font) !important;
}
/* line 9616, app/assets/stylesheets/application.scss */
turbo-frame#job .text-dark-grey-text li {
color: #191A23 !important;
font-family: var(--positivus-font) !important;
}
/* line 9622, app/assets/stylesheets/application.scss */
turbo-frame#job .text-start .text-shadow-1px,
turbo-frame#job .text-start [style*="color: white"],
turbo-frame#job .text-start [style*="color:white"] {
color: #111827 !important;
text-shadow: none !important;
}
/* line 9630, app/assets/stylesheets/application.scss */
turbo-frame#job .myicon {
background: #111111 !important;
}
/* TURBO FRAME STYLING - UPDATED FOR POSITIVUS DESIGN */
/* line 9636, app/assets/stylesheets/application.scss */
turbo-frame#job .main-border-sides-job,
turbo-frame#job .main-border-sides,
turbo-frame#job .my-border-top,
turbo-frame#job .my-border-bottom {
background-color: transparent !important;
/* Use unified Positivus background */
border-color: transparent !important;
/* Remove conflicting borders */
}
/* line 9647, app/assets/stylesheets/application.scss */
turbo-frame#job [style*="color: white"],
turbo-frame#job [style*="color:white"] {
color: #111827 !important;
}
/* line 9653, app/assets/stylesheets/application.scss */
turbo-frame#job h1, turbo-frame#job .h1,
turbo-frame#job h2,
turbo-frame#job .h2,
turbo-frame#job h3,
turbo-frame#job .h3 {
color: #111827 !important;
}
/* line 9659, app/assets/stylesheets/application.scss */
turbo-frame#job p,
turbo-frame#job li,
turbo-frame#job time {
color: #374151 !important;
}
/* line 9666, app/assets/stylesheets/application.scss */
turbo-frame#job .text-dark-grey-text a {
color: #0ea5e9 !important;
}
/* Post Job Accordion Section Styles */
/* line 9671, app/assets/stylesheets/application.scss */
.post-job-accordion-section {
margin: 2rem auto;
max-width: 1400px;
width: 90%;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (max-width: 768px) {
/* line 9671, app/assets/stylesheets/application.scss */
.post-job-accordion-section {
width: 95%;
gap: 0.75rem;
}
}
/* line 9685, app/assets/stylesheets/application.scss */
.modern-accordion-card {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px solid #00f0a0;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 240, 160, 0.1);
overflow: hidden;
transition: all 0.3s ease;
}
/* line 9693, app/assets/stylesheets/application.scss */
.modern-accordion-card:hover {
box-shadow: 0 6px 25px rgba(0, 240, 160, 0.15);
transform: translateY(-2px);
}
/* line 9699, app/assets/stylesheets/application.scss */
.modern-accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 2rem;
background: linear-gradient(135deg, rgba(0, 240, 160, 0.1) 0%, rgba(0, 209, 138, 0.05) 100%);
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(0, 240, 160, 0.2);
}
/* line 9709, app/assets/stylesheets/application.scss */
.modern-accordion-header:hover {
background: linear-gradient(135deg, rgba(0, 240, 160, 0.15) 0%, rgba(0, 209, 138, 0.1) 100%);
border-bottom-color: rgba(0, 240, 160, 0.3);
}
/* line 9714, app/assets/stylesheets/application.scss */
.modern-accordion-header.expanded {
background: linear-gradient(135deg, rgba(0, 240, 160, 0.2) 0%, rgba(0, 209, 138, 0.15) 100%);
border-bottom-color: #00f0a0;
}
@media (max-width: 768px) {
/* line 9699, app/assets/stylesheets/application.scss */
.modern-accordion-header {
padding: 1.25rem 1.5rem;
}
}
/* line 9724, app/assets/stylesheets/application.scss */
.accordion-header-content {
display: flex;
align-items: center;
gap: 1rem;
flex: 1;
}
@media (max-width: 768px) {
/* line 9724, app/assets/stylesheets/application.scss */
.accordion-header-content {
gap: 0.75rem;
}
}
/* line 9735, app/assets/stylesheets/application.scss */
.accordion-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: linear-gradient(135deg, #00f0a0 0%, #00d18a 100%);
border-radius: 12px;
color: #000000;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
/* line 9735, app/assets/stylesheets/application.scss */
.accordion-icon {
width: 40px;
height: 40px;
border-radius: 10px;
}
}
/* line 9752, app/assets/stylesheets/application.scss */
.accordion-icon svg {
width: 24px;
height: 24px;
}
@media (max-width: 768px) {
/* line 9752, app/assets/stylesheets/application.scss */
.accordion-icon svg {
width: 20px;
height: 20px;
}
}
/* line 9763, app/assets/stylesheets/application.scss */
.accordion-title-section {
flex: 1;
}
/* line 9767, app/assets/stylesheets/application.scss */
.accordion-title {
color: #333333 !important;
font-family: "Space Mono" !important;
font-size: 1.25rem;
font-weight: 600;
margin: 0 0 0.25rem 0;
}
@media (max-width: 768px) {
/* line 9767, app/assets/stylesheets/application.scss */
.accordion-title {
font-size: 1.1rem;
}
}
/* line 9779, app/assets/stylesheets/application.scss */
.accordion-subtitle {
color: #666666 !important;
font-family: "Space Mono" !important;
font-size: 0.9rem;
margin: 0;
}
@media (max-width: 768px) {
/* line 9779, app/assets/stylesheets/application.scss */
.accordion-subtitle {
font-size: 0.85rem;
}
}
/* line 9790, app/assets/stylesheets/application.scss */
.accordion-badge {
background: linear-gradient(135deg, #00f0a0 0%, #00d18a 100%);
color: #000000;
font-family: "Space Mono" !important;
font-size: 0.75rem;
font-weight: 600;
padding: 0.4rem 0.8rem;
border-radius: 20px;
white-space: nowrap;
}
/* line 9800, app/assets/stylesheets/application.scss */
.accordion-badge.notification-count {
background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
color: #ffffff;
}
/* line 9805, app/assets/stylesheets/application.scss */
.accordion-badge.status-active {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
color: #ffffff;
}
@media (max-width: 768px) {
/* line 9790, app/assets/stylesheets/application.scss */
.accordion-badge {
font-size: 0.7rem;
padding: 0.3rem 0.6rem;
}
}
/* line 9816, app/assets/stylesheets/application.scss */
.accordion-chevron {
width: 24px;
height: 24px;
color: #00f0a0;
transition: all 0.3s ease;
transform: rotate(0deg);
}
/* line 9823, app/assets/stylesheets/application.scss */
.modern-accordion-header.expanded .accordion-chevron {
transform: rotate(180deg);
color: #00d18a;
}
@media (max-width: 768px) {
/* line 9816, app/assets/stylesheets/application.scss */
.accordion-chevron {
width: 20px;
height: 20px;
}
}
/* line 9834, app/assets/stylesheets/application.scss */
.modern-accordion-content {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
background: #ffffff;
}
/* line 9840, app/assets/stylesheets/application.scss */
.modern-accordion-content.expanded {
max-height: 1000px;
padding: 2rem;
}
@media (max-width: 768px) {
/* line 9840, app/assets/stylesheets/application.scss */
.modern-accordion-content.expanded {
padding: 1.5rem;
}
}
/* Post Job Accordion Content */
/* line 9851, app/assets/stylesheets/application.scss */
.post-job-content {
padding: 1rem 0;
}
/* line 9855, app/assets/stylesheets/application.scss */
.post-job-links-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
/* line 9855, app/assets/stylesheets/application.scss */
.post-job-links-grid {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 0.75rem;
margin-bottom: 1.5rem;
}
}
@media (max-width: 480px) {
/* line 9855, app/assets/stylesheets/application.scss */
.post-job-links-grid {
grid-template-columns: 1fr;
gap: 0.5rem;
}
}
/* line 9873, app/assets/stylesheets/application.scss */
.post-job-link-item {
display: flex;
align-items: center;
}
/* line 9878, app/assets/stylesheets/application.scss */
.post-job-link {
color: #333333 !important;
text-decoration: none !important;
font-family: "Space Mono" !important;
font-size: 0.9rem;
font-weight: 500;
padding: 0.75rem 1rem;
border-radius: 8px;
transition: all 0.3s ease;
background: rgba(0, 240, 160, 0.05);
border: 1px solid rgba(0, 240, 160, 0.2);
display: block;
width: 100%;
text-align: center;
}
/* line 9893, app/assets/stylesheets/application.scss */
.post-job-link:hover {
color: #000000 !important;
background: rgba(0, 240, 160, 0.15);
border-color: #00f0a0;
transform: translateY(-1px);
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(0, 240, 160, 0.2);
}
@media (max-width: 768px) {
/* line 9878, app/assets/stylesheets/application.scss */
.post-job-link {
font-size: 0.85rem;
padding: 0.6rem 0.8rem;
}
}
/* line 9908, app/assets/stylesheets/application.scss */
.post-job-cta-section {
display: flex;
justify-content: center;
padding: 1rem 0;
border-top: 1px solid rgba(0, 240, 160, 0.2);
}
/* line 9915, app/assets/stylesheets/application.scss */
.post-job-cta-button {
background: linear-gradient(135deg, #00f0a0 0%, #00d18a 100%) !important;
color: #000000 !important;
text-decoration: none !important;
font-family: "Space Mono" !important;
font-weight: 600;
font-size: 1.1rem;
padding: 1.25rem 2.5rem;
border-radius: 12px;
border: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 240, 160, 0.3);
white-space: nowrap;
display: inline-block;
}
/* line 9930, app/assets/stylesheets/application.scss */
.post-job-cta-button:hover {
background: linear-gradient(135deg, #00d18a 0%, #00b377 100%) !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 240, 160, 0.4);
color: #000000 !important;
text-decoration: none !important;
}
/* line 9938, app/assets/stylesheets/application.scss */
.post-job-cta-button:active {
transform: translateY(0);
box-shadow: 0 2px 10px rgba(0, 240, 160, 0.3);
}
@media (max-width: 768px) {
/* line 9915, app/assets/stylesheets/application.scss */
.post-job-cta-button {
font-size: 1rem;
padding: 1rem 2rem;
}
}
/* Web3 Jobs Directory Accordion Section */
/* line 9950, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section {
margin: 4rem auto 6rem auto;
max-width: 1400px;
width: 90%;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (max-width: 768px) {
/* line 9950, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section {
width: 94%;
gap: 0.75rem;
margin: 3rem auto 5rem auto;
}
}
/* line 9964, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-card {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px solid #00f0a0;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 240, 160, 0.1);
overflow: hidden;
transition: all 0.3s ease;
}
/* line 9972, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-card:hover {
box-shadow: 0 25px 70px rgba(0, 240, 160, 0.1);
transform: translateY(-2px);
border-color: rgba(0, 240, 160, 0.3);
}
/* line 9979, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-header {
background: linear-gradient(135deg, rgba(0, 240, 160, 0.15) 0%, rgba(0, 209, 138, 0.1) 100%);
border-bottom: 1px solid rgba(0, 240, 160, 0.2);
}
/* line 9983, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-header:hover {
background: linear-gradient(135deg, rgba(0, 240, 160, 0.2) 0%, rgba(0, 209, 138, 0.15) 100%);
border-bottom-color: rgba(0, 240, 160, 0.4);
}
/* line 9988, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-header.expanded {
background: linear-gradient(135deg, rgba(0, 240, 160, 0.25) 0%, rgba(0, 209, 138, 0.2) 100%);
border-bottom-color: #00f0a0;
}
/* line 9994, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .accordion-title {
color: #333333 !important;
font-size: 1.3rem;
}
@media (max-width: 768px) {
/* line 9994, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .accordion-title {
font-size: 1.15rem;
}
}
/* line 10003, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .accordion-subtitle {
color: #666666 !important;
}
/* line 10007, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .accordion-badge {
background: linear-gradient(135deg, #00f0a0 0%, #00d18a 100%);
color: #000000;
}
/* line 10014, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-content {
background: #ffffff;
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
}
/* line 10020, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-content.expanded {
max-height: 1000px;
padding: 2.5rem;
}
@media (max-width: 768px) {
/* line 10020, app/assets/stylesheets/application.scss */
.web3-jobs-accordion-section .modern-accordion-content.expanded {
padding: 2rem;
}
}
/* Accordion Section Styling */
/* line 10032, app/assets/stylesheets/application.scss */
.accordion-section {
margin-bottom: 2.5rem;
}
/* line 10035, app/assets/stylesheets/application.scss */
.accordion-section:last-child {
margin-bottom: 0;
}
/* line 10040, app/assets/stylesheets/application.scss */
.accordion-section-header {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0, 240, 160, 0.2);
}
/* line 10045, app/assets/stylesheets/application.scss */
.accordion-section-header h4, .accordion-section-header .h4 {
color: #ffffff !important;
font-family: "Space Mono" !important;
font-size: 1.1rem;
font-weight: 600;
margin: 0 0 0.5rem 0;
}
@media (max-width: 768px) {
/* line 10045, app/assets/stylesheets/application.scss */
.accordion-section-header h4, .accordion-section-header .h4 {
font-size: 1rem;
}
}
/* line 10057, app/assets/stylesheets/application.scss */
.accordion-section-header p {
color: #b3b3b3 !important;
font-family: "Space Mono" !important;
font-size: 0.9rem;
margin: 0;
line-height: 1.5;
}
@media (max-width: 768px) {
/* line 10057, app/assets/stylesheets/application.scss */
.accordion-section-header p {
font-size: 0.85rem;
}
}
/* line 10070, app/assets/stylesheets/application.scss */
.section-title-link {
color: #00f0a0 !important;
text-decoration: none !important;
transition: all 0.3s ease;
}
/* line 10075, app/assets/stylesheets/application.scss */
.section-title-link:hover {
color: #00d18a !important;
text-decoration: none !important;
}
/* line 10081, app/assets/stylesheets/application.scss */
.section-title {
color: #ffffff !important;
font-family: "Space Mono" !important;
font-size: 1.1rem;
font-weight: 600;
margin: 0;
}
@media (max-width: 768px) {
/* line 10081, app/assets/stylesheets/application.scss */
.section-title {
font-size: 1rem;
}
}
/* Accordion Links Grid */
/* line 10094, app/assets/stylesheets/application.scss */
.accordion-links-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 0.75rem;
}
@media (max-width: 768px) {
/* line 10094, app/assets/stylesheets/application.scss */
.accordion-links-grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.5rem;
}
}
@media (max-width: 480px) {
/* line 10094, app/assets/stylesheets/application.scss */
.accordion-links-grid {
grid-template-columns: 1fr;
}
}
/* line 10109, app/assets/stylesheets/application.scss */
.accordion-link-item {
display: flex;
}
/* line 10113, app/assets/stylesheets/application.scss */
.accordion-link {
color: #374151 !important;
text-decoration: none !important;
font-family: "Space Mono" !important;
font-size: 0.85rem;
font-weight: 400;
padding: 0.6rem 0.8rem;
border-radius: 6px;
transition: all 0.3s ease;
background: rgba(0, 240, 160, 0.05);
border: 1px solid rgba(0, 240, 160, 0.1);
display: block;
width: 100%;
}
/* line 10127, app/assets/stylesheets/application.scss */
.accordion-link:hover {
color: #ffffff !important;
background: rgba(0, 240, 160, 0.15);
border-color: rgba(0, 240, 160, 0.3);
transform: translateY(-1px);
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(0, 240, 160, 0.2);
}
@media (max-width: 768px) {
/* line 10113, app/assets/stylesheets/application.scss */
.accordion-link {
font-size: 0.8rem;
padding: 0.5rem 0.7rem;
}
}
/* ============================================================================
MODERN JOB INTERFACE COMPONENTS
Responsive, accessible, eye-catching design
============================================================================ */
/* CSS Custom Properties for Modern Design System */
/* line 10148, app/assets/stylesheets/application.scss */
:root {
/* Modern Color Palette */
--modern-primary-50: #eef2ff;
--modern-primary-100: #e0e7ff;
--modern-primary-500: #6366f1;
--modern-primary-600: #4f46e5;
--modern-primary-700: #4338ca;
--modern-secondary-500: #8b5cf6;
--modern-secondary-600: #7c3aed;
--modern-success-500: #10b981;
--modern-warning-500: #f59e0b;
--modern-error-500: #ef4444;
--modern-surface-white: #ffffff;
--modern-surface-gray-50: #f8fafc;
--modern-surface-gray-100: #f1f5f9;
--modern-surface-gray-900: #0f172a;
--modern-text-primary: #1e293b;
--modern-text-secondary: #64748b;
--modern-text-tertiary: #94a3b8;
--modern-text-inverse: #ffffff;
--modern-border-light: #e2e8f0;
--modern-border-medium: #cbd5e1;
--modern-border-dark: #475569;
/* Modern Spacing System (8px grid) */
--modern-space-1: 0.25rem;
/* 4px */
--modern-space-2: 0.5rem;
/* 8px */
--modern-space-3: 0.75rem;
/* 12px */
--modern-space-4: 1rem;
/* 16px */
--modern-space-5: 1.25rem;
/* 20px */
--modern-space-6: 1.5rem;
/* 24px */
--modern-space-8: 2rem;
/* 32px */
--modern-space-10: 2.5rem;
/* 40px */
--modern-space-12: 3rem;
/* 48px */
/* Modern Typography */
--modern-font-size-xs: 0.75rem;
/* 12px */
--modern-font-size-sm: 0.875rem;
/* 14px */
--modern-font-size-base: 1rem;
/* 16px */
--modern-font-size-lg: 1.125rem;
/* 18px */
--modern-font-size-xl: 1.25rem;
/* 20px */
--modern-font-size-2xl: 1.5rem;
/* 24px */
--modern-font-weight-normal: 400;
--modern-font-weight-medium: 500;
--modern-font-weight-semibold: 600;
--modern-font-weight-bold: 700;
/* Modern Border Radius */
--modern-radius-sm: 0.375rem;
/* 6px */
--modern-radius-md: 0.5rem;
/* 8px */
--modern-radius-lg: 0.75rem;
/* 12px */
--modern-radius-xl: 1rem;
/* 16px */
--modern-radius-full: 9999px;
/* Modern Shadows */
--modern-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--modern-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--modern-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--modern-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
/* Modern Transitions */
--modern-transition-fast: 150ms ease;
--modern-transition-normal: 200ms ease;
--modern-transition-slow: 300ms ease;
}
/* ============================================================================
MODERN JOBS GRID LAYOUT
============================================================================ */
/* line 10243, app/assets/stylesheets/application.scss */
.modern-jobs-grid {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* line 10249, app/assets/stylesheets/application.scss */
.jobs-grid-content {
display: grid;
grid-template-columns: 1fr;
gap: var(--modern-space-4);
padding: var(--modern-space-4);
}
/* Screen reader only content for accessibility */
/* line 10257, app/assets/stylesheets/application.scss */
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* ============================================================================
MODERN JOB CARDS
============================================================================ */
/* This rule is overridden by the Working Process Style above */
/* Special styling for paid jobs - DISABLED - Unified Positivius design for all cards */
/*
.paid-job-card {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--modern-primary-500), var(--modern-secondary-500));
border-radius: var(--modern-radius-xl) var(--modern-radius-xl) 0 0;
}
&.border-paid-table {
border-color: var(--modern-primary-500);
box-shadow: var(--modern-shadow-md);
}
}
*/
/* ============================================================================
JOB CARD HEADER
============================================================================ */
/* line 10302, app/assets/stylesheets/application.scss */
.job-card-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: var(--modern-space-4);
gap: var(--modern-space-4);
}
/* line 10310, app/assets/stylesheets/application.scss */
.company-info {
display: flex;
align-items: center;
gap: var(--modern-space-4);
flex: 1;
min-width: 0;
}
/* Company Avatar */
/* line 10319, app/assets/stylesheets/application.scss */
.company-avatar,
.company-avatar-img {
width: 48px;
height: 48px;
border-radius: var(--modern-radius-lg);
display: flex;
align-items: center;
justify-content: center;
font-weight: var(--modern-font-weight-semibold);
font-size: var(--modern-font-size-lg);
flex-shrink: 0;
box-shadow: var(--modern-shadow-sm);
overflow: hidden;
}
/* line 10334, app/assets/stylesheets/application.scss */
.company-avatar {
background: linear-gradient(135deg, var(--modern-primary-500), var(--modern-secondary-500));
color: var(--modern-text-inverse);
}
/* line 10339, app/assets/stylesheets/application.scss */
.company-avatar-img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
/* Logo rotation animation */
/* line 10346, app/assets/stylesheets/application.scss */
.logo-rotation {
animation: rotate 3s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Job Details Section */
/* line 10361, app/assets/stylesheets/application.scss */
.job-details {
flex: 1;
min-width: 0;
}
/* line 10366, app/assets/stylesheets/application.scss */
.job-title-section {
margin-bottom: var(--modern-space-1);
}
/* line 10370, app/assets/stylesheets/application.scss */
.job-title-link {
text-decoration: none !important;
color: inherit;
}
/* line 10375, app/assets/stylesheets/application.scss */
.job-title {
font-size: var(--modern-font-size-lg) !important;
font-weight: var(--modern-font-weight-semibold) !important;
margin: 0 !important;
line-height: 1.3 !important;
transition: var(--modern-transition-normal);
}
@media (max-width: 768px) {
/* line 10375, app/assets/stylesheets/application.scss */
.job-title {
font-size: var(--modern-font-size-base) !important;
}
}
/* line 10387, app/assets/stylesheets/application.scss */
.company-section {
margin-bottom: var(--modern-space-2);
}
/* line 10391, app/assets/stylesheets/application.scss */
.company-link {
text-decoration: none !important;
color: inherit;
}
/* line 10396, app/assets/stylesheets/application.scss */
.company-name {
font-size: var(--modern-font-size-sm) !important;
font-weight: var(--modern-font-weight-medium) !important;
margin: 0 !important;
opacity: 0.8;
transition: var(--modern-transition-normal);
}
/* Job Meta Right Section */
/* line 10405, app/assets/stylesheets/application.scss */
.job-meta-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--modern-space-2);
flex-shrink: 0;
}
/* line 10413, app/assets/stylesheets/application.scss */
.favorite-section {
display: flex;
align-items: center;
}
/* line 10418, app/assets/stylesheets/application.scss */
.posted-time {
font-size: var(--modern-font-size-xs);
font-weight: var(--modern-font-weight-medium);
opacity: 0.7;
}
@media (max-width: 768px) {
/* line 10418, app/assets/stylesheets/application.scss */
.posted-time {
text-align: right;
}
}
/* ============================================================================
JOB CARD BODY
============================================================================ */
/* line 10432, app/assets/stylesheets/application.scss */
.job-card-body {
display: flex;
flex-direction: column;
gap: var(--modern-space-4);
}
/* line 10438, app/assets/stylesheets/application.scss */
.job-meta-info {
display: flex;
gap: var(--modern-space-6);
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 768px) {
/* line 10438, app/assets/stylesheets/application.scss */
.job-meta-info {
flex-direction: column;
align-items: flex-start;
gap: var(--modern-space-3);
}
}
/* Location and Salary Sections */
/* line 10452, app/assets/stylesheets/application.scss */
.location-section,
.salary-section {
display: flex;
align-items: center;
gap: 4px !important;
/* Better icon spacing */
font-size: var(--modern-font-size-sm);
}
/* line 10460, app/assets/stylesheets/application.scss */
.location-section .location-icon,
.location-section .salary-icon,
.salary-section .location-icon,
.salary-section .salary-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
opacity: 0.7;
line-height: 1 !important;
vertical-align: middle !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* line 10474, app/assets/stylesheets/application.scss */
.location-links {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
/* line 10480, app/assets/stylesheets/application.scss */
.location-link,
.location-text {
text-decoration: none;
font-weight: var(--modern-font-weight-medium);
transition: var(--modern-transition-fast);
}
/* line 10486, app/assets/stylesheets/application.scss */
.location-link:hover,
.location-text:hover {
text-decoration: underline;
}
/* line 10491, app/assets/stylesheets/application.scss */
.salary-text {
font-weight: var(--modern-font-weight-medium);
}
/* line 10494, app/assets/stylesheets/application.scss */
.salary-text .estimated_star::after {
content: "★";
color: var(--modern-warning-500);
margin-left: var(--modern-space-1);
font-size: var(--modern-font-size-xs);
}
/* ============================================================================
JOB TAGS
============================================================================ */
/* line 10506, app/assets/stylesheets/application.scss */
.job-tags {
display: flex;
gap: 8px !important;
/* gap-2 equivalent to match reference */
flex-wrap: wrap;
margin-top: 12px !important;
/* mt-3 equivalent to match reference */
margin-bottom: 0 !important;
}
/* line 10516, app/assets/stylesheets/application.scss */
.job-tag {
/* Styles moved to components/_job_cards.scss */
/* This selector kept for specificity but defers to component styles */
}
/* ============================================================================
APPLY BUTTON
============================================================================ */
/* line 10525, app/assets/stylesheets/application.scss */
.apply-section {
display: flex;
justify-content: flex-end;
}
@media (max-width: 768px) {
/* line 10525, app/assets/stylesheets/application.scss */
.apply-section {
justify-content: stretch;
}
}
/* line 10534, app/assets/stylesheets/application.scss */
.apply-btn {
background: var(--modern-primary-500);
color: var(--modern-text-inverse);
border: 1px solid var(--modern-primary-500);
padding: var(--modern-space-3) var(--modern-space-6);
border-radius: var(--modern-radius-lg);
font-size: var(--modern-font-size-sm);
font-weight: var(--modern-font-weight-medium);
text-decoration: none !important;
transition: var(--modern-transition-normal);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
/* Touch-friendly */
cursor: pointer;
}
/* line 10551, app/assets/stylesheets/application.scss */
.apply-btn:hover {
background: var(--modern-primary-600);
border-color: var(--modern-primary-600);
color: var(--modern-text-inverse);
transform: translateY(-1px);
box-shadow: var(--modern-shadow-md);
}
/* line 10559, app/assets/stylesheets/application.scss */
.apply-btn:focus {
outline: 2px solid var(--modern-primary-500);
outline-offset: 2px;
}
/* line 10564, app/assets/stylesheets/application.scss */
.apply-btn:active {
transform: translateY(0);
}
@media (max-width: 768px) {
/* line 10534, app/assets/stylesheets/application.scss */
.apply-btn {
width: 100%;
}
}
/* Paid job apply button styling */
/* line 10574, app/assets/stylesheets/application.scss */
.my-btn-primary-paid {
background: linear-gradient(135deg, var(--modern-primary-500), var(--modern-secondary-500));
border-color: var(--modern-primary-500);
}
/* line 10578, app/assets/stylesheets/application.scss */
.my-btn-primary-paid:hover {
background: linear-gradient(135deg, var(--modern-primary-600), var(--modern-secondary-600));
border-color: var(--modern-primary-600);
}
/* ============================================================================
MODERN SEARCH COMPONENT
============================================================================ */
/* line 10588, app/assets/stylesheets/application.scss */
.modern-search-form {
position: relative;
z-index: 999;
}
/* line 10593, app/assets/stylesheets/application.scss */
.modern-search-container {
width: 100%;
max-width: none;
margin: 0;
}
/* line 10599, app/assets/stylesheets/application.scss */
.search-input-wrapper {
position: relative;
width: 100%;
}
/* ============================================================================
SEARCH AND REMOTE TOGGLE - FIXED TEXT ALIGNMENT
============================================================================ */
/* EXACT jobcard.html reference styling: pl-10 pr-4 py-2 border rounded-full */
/* line 10609, app/assets/stylesheets/application.scss */
.modern-search-input,
input[type="search"],
input[placeholder*="Search jobs"],
input[placeholder*="search"],
input#myInput {
/* EXACT reference padding: pl-10 pr-4 py-2 */
padding: 8px 16px 8px 40px !important;
/* pl-10 = 40px, pr-4 = 16px, py-2 = 8px */
/* EXACT reference border and radius */
border: 1px solid #d1d5db !important;
/* border */
border-radius: 9999px !important;
/* rounded-full */
/* EXACT reference width and colors */
width: 100% !important;
/* w-full */
font-size: 14px !important;
font-family: 'Inter', sans-serif !important;
background-color: #ffffff !important;
/* bg-white */
color: #374151 !important;
/* text-gray-700 */
box-shadow: none !important;
transition: all 0.15s ease-in-out !important;
height: auto !important;
text-align: left !important;
/* text-align: left !important from memory */
vertical-align: middle !important;
/* vertical-align: middle !important from memory */
box-sizing: border-box !important;
}
/* line 10640, app/assets/stylesheets/application.scss */
.modern-search-input:focus,
input[type="search"]:focus,
input[placeholder*="Search jobs"]:focus,
input[placeholder*="search"]:focus,
input#myInput:focus {
outline: none !important;
/* focus:outline-none */
border-color: #d1d5db !important;
/* EXACT reference focus ring: focus:ring-2 focus:ring-lime-300 */
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.3) !important;
/* lime-300 with ring-2 */
background-color: #ffffff !important;
}
/* line 10650, app/assets/stylesheets/application.scss */
.modern-search-input:hover,
input[type="search"]:hover,
input[placeholder*="Search jobs"]:hover,
input[placeholder*="search"]:hover,
input#myInput:hover {
border-color: #d1d5db !important;
}
/* line 10654, app/assets/stylesheets/application.scss */
.modern-search-input::-moz-placeholder, input[type="search"]::-moz-placeholder, input[placeholder*="Search jobs"]::-moz-placeholder, input[placeholder*="search"]::-moz-placeholder, input#myInput::-moz-placeholder {
color: #9ca3af !important;
text-align: left !important;
opacity: 1 !important;
/* Ensure placeholder is fully visible */
-webkit-text-fill-color: #9ca3af !important;
/* WebKit placeholder fix */
}
.modern-search-input::placeholder,
input[type="search"]::placeholder,
input[placeholder*="Search jobs"]::placeholder,
input[placeholder*="search"]::placeholder,
input#myInput::placeholder {
color: #9ca3af !important;
text-align: left !important;
opacity: 1 !important;
/* Ensure placeholder is fully visible */
-webkit-text-fill-color: #9ca3af !important;
/* WebKit placeholder fix */
}
@media (max-width: 768px) {
/* line 10609, app/assets/stylesheets/application.scss */
.modern-search-input,
input[type="search"],
input[placeholder*="Search jobs"],
input[placeholder*="search"],
input#myInput {
padding: 8px 16px 8px 40px !important;
/* maintain same padding on mobile */
font-size: 14px !important;
}
}
/* Search Icon Positioning - SVG Icon instead of Material Icons text */
/* line 10671, app/assets/stylesheets/application.scss */
.search-icon {
position: absolute !important;
left: 12px !important;
/* EXACT: left-3 = 12px from reference */
top: 50% !important;
transform: translateY(-50%) !important;
width: 20px !important;
height: 20px !important;
color: #9ca3af !important;
/* text-gray-400 from reference */
pointer-events: none !important;
z-index: 2 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Remote Toggle - EXACT Reference Implementation */
/* EXACT:
*/
/* line 10691, app/assets/stylesheets/application.scss */
.form-check-input,
.toggle-slider,
.remote-toggle-slider {
width: 40px !important;
/* w-10 exact (10 * 4px = 40px) */
height: 24px !important;
/* h-6 exact (6 * 4px = 24px) */
background-color: #e5e7eb !important;
/* bg-gray-200 exact */
border: none !important;
border-radius: 9999px !important;
/* rounded-full */
position: relative !important;
cursor: pointer !important;
transition: all 0.15s ease-in-out !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
/* Remove any Bootstrap styling */
/* EXACT:
*/
/* EXACT checked state: transform: translateX(100%); background-color: #B9FF66; */
}
/* line 10709, app/assets/stylesheets/application.scss */
.form-check-input:focus,
.toggle-slider:focus,
.remote-toggle-slider:focus {
box-shadow: none !important;
outline: none !important;
}
/* line 10715, app/assets/stylesheets/application.scss */
.form-check-input::before,
.toggle-slider::before,
.remote-toggle-slider::before {
content: '' !important;
position: absolute !important;
left: 4px !important;
/* left-1 exact (1 * 4px = 4px) */
top: 4px !important;
/* top-1 exact (1 * 4px = 4px) */
width: 16px !important;
/* w-4 exact (4 * 4px = 16px) */
height: 16px !important;
/* h-4 exact (4 * 4px = 16px) */
background-color: #ffffff !important;
/* bg-white exact */
border-radius: 9999px !important;
/* rounded-full */
transition: all 0.15s ease-in-out !important;
}
/* line 10734, app/assets/stylesheets/application.scss */
.form-check-input:checked,
.toggle-slider:checked,
.remote-toggle-slider:checked {
background-color: #e5e7eb !important;
/* keep bg-gray-200 when checked */
}
/* line 10738, app/assets/stylesheets/application.scss */
.form-check-input:checked::before,
.toggle-slider:checked::before,
.remote-toggle-slider:checked::before {
transform: translateX(100%) !important;
/* exact translateX(100%) - moves 16px to the right */
background-color: #B9FF66 !important;
/* exact lime color from reference style */
}
/* Remote Only Label - EXACT: text-gray-600 */
/* line 10748, app/assets/stylesheets/application.scss */
.form-check-label,
.toggle-label,
.remote-toggle-label {
color: #4b5563 !important;
/* text-gray-600 exact */
font-size: 14px !important;
font-family: 'Inter', sans-serif !important;
margin-left: 8px !important;
/* space-x-2 equivalent */
cursor: pointer !important;
}
/* Container Layout - EXACT: flex items-center space-x-2 */
/* line 10761, app/assets/stylesheets/application.scss */
.remote-toggle-container,
.myremotecheckboxform {
display: flex !important;
align-items: center !important;
gap: 8px !important;
/* space-x-2 exact */
}
/* NOTE: the legacy global `.search-clear-btn` rule that used to live here
(a dark `#191A23` circle pinned at `right: 20px !important`) has been
removed. It predated the "Search" submit button and, because of its
`!important` flags, overrode the intended scoped positioning in
`filters_section.scss` (`.filters-section-container .search-clear-btn`,
`right: 74px`). The result was the clear (×) button sitting on top of the
Search submit button, clipping its label. The scoped rule now styles the
clear button on its own — `.search-clear-btn` is only ever rendered inside
`.filters-section-container` (app/views/jobs/_filters_section.html.erb). */
/* ============================================================================
MODERN TAGS FILTER COMPONENT - EXACT jobcard.html Reference Match with Accordion
============================================================================ */
/* line 10784, app/assets/stylesheets/application.scss */
.modern-tags-container {
/* EXACT container layout from reference: flex flex-wrap gap-2 mt-4 */
display: flex;
gap: 8px;
/* gap-2 equivalent from reference */
flex-wrap: wrap;
margin-top: 16px;
/* mt-4 equivalent from reference */
position: relative;
justify-content: center;
/* Center tags horizontally */
}
@media (max-width: 768px) {
/* line 10784, app/assets/stylesheets/application.scss */
.modern-tags-container {
gap: 6px;
margin-top: 12px;
justify-content: flex-start;
/* Left align on mobile */
}
}
/* Filter Tags Container with Accordion Functionality */
/* line 10805, app/assets/stylesheets/application.scss */
.tags-accordion-container {
position: relative;
width: 100%;
display: flex;
justify-content: center;
/* Center the entire tags section */
}
@media (max-width: 768px) {
/* line 10805, app/assets/stylesheets/application.scss */
.tags-accordion-container {
justify-content: flex-start;
/* Left align on mobile */
}
}
/* Visible Tags Row - Initially show only first 10 tags like reference */
/* line 10819, app/assets/stylesheets/application.scss */
.tags-visible-row {
display: flex;
gap: 8px;
/* gap-2 from reference */
flex-wrap: nowrap;
/* Keep in single row like reference */
overflow: hidden;
align-items: center;
justify-content: center;
/* Center tags within the row */
/* Hide overflow tags when collapsed */
/* Show all tags when expanded */
}
/* line 10832, app/assets/stylesheets/application.scss */
.tags-visible-row.collapsed .modern-filter-tag:nth-child(n+11) {
display: none !important;
}
/* line 10838, app/assets/stylesheets/application.scss */
.tags-visible-row.expanded {
flex-wrap: wrap;
align-items: center;
/* Center align when wrapped */
justify-content: center;
/* Keep centered when expanded */
}
/* line 10845, app/assets/stylesheets/application.scss */
.tags-visible-row.expanded .modern-filter-tag {
display: inline-flex !important;
/* Use inline-flex for better alignment */
}
@media (max-width: 768px) {
/* line 10819, app/assets/stylesheets/application.scss */
.tags-visible-row {
justify-content: flex-start;
/* Left align on mobile */
}
/* line 10855, app/assets/stylesheets/application.scss */
.tags-visible-row.expanded {
justify-content: flex-start;
/* Left align when expanded on mobile */
}
}
/* Expand/Collapse Toggle Button */
/* line 10863, app/assets/stylesheets/application.scss */
.tags-expand-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #f3f4f6 !important;
/* bg-gray-100 like other tags */
color: #374151 !important;
/* text-gray-700 like other tags */
border: none !important;
border-radius: 9999px !important;
/* rounded-full */
padding: 4px 10px !important;
/* slightly more horizontal padding */
font-size: 14px !important;
/* same as other tags */
font-family: 'Inter', sans-serif !important;
cursor: pointer !important;
transition: all 0.15s ease-in-out !important;
margin-left: 4px !important;
white-space: nowrap !important;
gap: 4px !important;
/* space between text and arrow */
/* Text styling */
/* Arrow Icon */
/* Rotate arrow when expanded */
/* Hide when not needed (less than 11 tags) */
}
/* line 10886, app/assets/stylesheets/application.scss */
.tags-expand-toggle:hover {
background-color: #e5e7eb !important;
/* hover:bg-gray-200 like other tags */
color: #374151 !important;
}
/* line 10893, app/assets/stylesheets/application.scss */
.tags-expand-toggle .expand-text {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
}
/* line 10900, app/assets/stylesheets/application.scss */
.tags-expand-toggle .expand-arrow {
font-size: 12px !important;
line-height: 1 !important;
transition: transform 0.15s ease-in-out !important;
}
/* line 10907, app/assets/stylesheets/application.scss */
.tags-expand-toggle.expanded .expand-arrow {
transform: rotate(180deg) !important;
}
/* line 10912, app/assets/stylesheets/application.scss */
.tags-expand-toggle.hidden {
display: none !important;
}
/* Filter Tags - EXACT 100% Match with jobcard.html Reference Design */
/* line 10918, app/assets/stylesheets/application.scss */
.modern-filter-tag {
/* EXACT Tailwind CSS equivalent values */
background-color: #f3f4f6 !important;
/* bg-gray-100 exact color */
color: #374151 !important;
/* text-gray-700 exact color */
border: none !important;
border-radius: 9999px !important;
/* rounded-full */
padding: 4px 12px !important;
/* py-1 px-3 exact values */
font-size: 14px !important;
/* text-sm exact value */
font-weight: 400 !important;
/* normal weight */
font-family: 'Inter', sans-serif !important;
/* exact font from reference */
cursor: pointer !important;
transition: background-color 0.15s ease-in-out !important;
/* simple transition */
display: inline-flex !important;
/* inline-flex for better alignment */
align-items: center !important;
/* center content vertically */
justify-content: center !important;
/* center content horizontally */
text-align: center !important;
/* center text alignment */
line-height: 1.25 !important;
/* Tailwind text-sm line-height */
margin: 0 !important;
/* no margin, rely on gap */
box-shadow: none !important;
white-space: nowrap !important;
/* prevent text wrapping */
vertical-align: middle !important;
/* ensure consistent baseline alignment */
/* EXACT hover effect matching reference hover:bg-gray-200 */
/* Focus state - minimal */
/* Selected/Active state - EXACT lime/dark colors from reference */
/* Link styling inside tags */
/* Remove all extra elements not in reference */
}
/* line 10957, app/assets/stylesheets/application.scss */
.modern-filter-tag:hover {
background-color: #B9FF66 !important;
/* lime hover color as requested */
color: #191A23 !important;
/* dark text on lime background */
border: none !important;
transform: none !important;
box-shadow: none !important;
}
/* line 10968, app/assets/stylesheets/application.scss */
.modern-filter-tag:focus {
outline: none !important;
border: none !important;
background-color: #e5e7eb !important;
}
/* line 10975, app/assets/stylesheets/application.scss */
.modern-filter-tag.selected, .modern-filter-tag[aria-pressed="true"], .modern-filter-tag.active {
background-color: #B9FF66 !important;
/* bg-lime-custom exact */
color: #191A23 !important;
/* text-dark-custom exact */
border: none !important;
box-shadow: none !important;
transform: none !important;
}
/* line 10986, app/assets/stylesheets/application.scss */
.modern-filter-tag.selected:hover, .modern-filter-tag[aria-pressed="true"]:hover, .modern-filter-tag.active:hover {
background-color: #B9FF66 !important;
/* stay same on hover when selected */
color: #191A23 !important;
transform: none !important;
}
/* line 10995, app/assets/stylesheets/application.scss */
.modern-filter-tag .tag-link {
color: inherit !important;
text-decoration: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important;
height: 100% !important;
}
/* line 11006, app/assets/stylesheets/application.scss */
.modern-filter-tag .tag-text {
white-space: nowrap;
font-family: inherit !important;
font-weight: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
text-align: center !important;
display: flex;
align-items: center;
justify-content: center;
}
/* line 11019, app/assets/stylesheets/application.scss */
.modern-filter-tag .tag-selected-icon {
display: none !important;
}
/* ============================================================================
MODERN REMOTE FILTER TOGGLE
============================================================================ */
/* line 11028, app/assets/stylesheets/application.scss */
.modern-remote-filter {
display: flex;
justify-content: center;
align-items: center;
margin: 0 var(--modern-space-4);
}
/* line 11035, app/assets/stylesheets/application.scss */
.remote-toggle-container {
display: flex;
align-items: center;
}
/* Override Complex Positivus Toggle - Force Simple Reference Design */
/* line 11041, app/assets/stylesheets/application.scss */
.modern-toggle-switch {
display: flex;
align-items: center;
gap: 8px;
/* space-x-2 from reference */
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
/* Override to exact reference toggle styling */
/* Remove complex thumb element - use ::before pseudo instead */
/* Simple checked state - exactly like reference */
/* Simple focus state */
/* No hover effects - keep it simple like reference */
}
/* line 11050, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* line 11058, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-slider {
position: relative;
width: 40px !important;
/* w-10 exact */
height: 24px !important;
/* h-6 exact */
background: #e5e7eb !important;
/* bg-gray-200 exact */
border: none !important;
/* no border in reference */
border-radius: 9999px !important;
/* rounded-full */
transition: all 0.15s ease-in-out !important;
/* simple transition */
display: flex;
align-items: center;
box-shadow: none !important;
/* no shadow in reference */
transform: none !important;
/* no transform */
/* Simple dot - exactly like reference */
}
/* line 11080, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-slider::before {
content: '' !important;
position: absolute !important;
left: 4px !important;
/* left-1 exact */
top: 4px !important;
/* top-1 exact */
width: 16px !important;
/* w-4 exact */
height: 16px !important;
/* h-4 exact */
background-color: #ffffff !important;
/* bg-white exact */
border-radius: 9999px !important;
/* rounded-full */
transition: all 0.15s ease-in-out !important;
}
/* line 11100, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-thumb {
display: none !important;
}
/* line 11104, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-icon,
.modern-toggle-switch .toggle-icon-off,
.modern-toggle-switch .toggle-icon-on {
display: none !important;
}
/* line 11110, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-label {
display: flex;
align-items: center;
gap: 8px !important;
font-size: 14px !important;
/* match reference text size */
font-weight: 400 !important;
/* normal weight */
font-family: 'Inter', sans-serif !important;
color: #4b5563 !important;
/* text-gray-600 exact */
cursor: pointer !important;
transition: none !important;
transform: none !important;
}
/* line 11125, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-label:hover {
transform: none !important;
}
/* line 11130, app/assets/stylesheets/application.scss */
.modern-toggle-switch .remote-icon {
display: none !important;
/* no icon in reference */
}
/* line 11136, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-input:checked + .toggle-slider {
background: #e5e7eb !important;
/* stay bg-gray-200 */
border: none !important;
transform: none !important;
}
/* line 11142, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-input:checked + .toggle-slider::before {
transform: translateX(100%) !important;
/* exact translateX(100%) */
background-color: #B9FF66 !important;
/* lime color from reference */
}
/* line 11151, app/assets/stylesheets/application.scss */
.modern-toggle-switch .toggle-input:focus + .toggle-slider {
box-shadow: none !important;
outline: none !important;
transform: none !important;
}
/* line 11158, app/assets/stylesheets/application.scss */
.modern-toggle-switch:hover .toggle-slider {
background: #e5e7eb !important;
/* stay same */
transform: none !important;
}
/* ============================================================================
RESPONSIVE DESIGN ENHANCEMENTS
============================================================================ */
@media (max-width: 768px) {
/* line 11170, app/assets/stylesheets/application.scss */
.jobs-grid-content {
padding: var(--modern-space-3);
gap: var(--modern-space-3);
}
/* line 11176, app/assets/stylesheets/application.scss */
.modern-job-card .job-card-header {
flex-direction: column;
align-items: flex-start;
gap: var(--modern-space-3);
}
/* line 11182, app/assets/stylesheets/application.scss */
.modern-job-card .job-meta-right {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
/* line 11189, app/assets/stylesheets/application.scss */
.modern-job-card .job-meta-info {
flex-direction: column;
align-items: flex-start;
}
}
/* ============================================================================
ACCESSIBILITY ENHANCEMENTS
============================================================================ */
/* Focus management */
/* line 11201, app/assets/stylesheets/application.scss */
.modern-job-card:focus-visible,
.modern-filter-tag:focus-visible,
.modern-search-input:focus-visible {
outline: 2px solid var(--modern-primary-500);
outline-offset: 2px;
}
/* ============================================================================
AI-SPECIFIC STYLES
============================================================================ */
/* AI Tag Styling */
/* line 11213, app/assets/stylesheets/application.scss */
.modern-filter-tag.ai-tag {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
font-weight: 500 !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2) !important;
}
/* line 11221, app/assets/stylesheets/application.scss */
.modern-filter-tag.ai-tag:hover {
background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3) !important;
}
/* line 11227, app/assets/stylesheets/application.scss */
.modern-filter-tag.ai-tag.selected {
background: linear-gradient(135deg, #4c51bf 0%, #553c9a 100%) !important;
box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.5) !important;
}
/* AI Job Info Styling */
/* line 11233, app/assets/stylesheets/application.scss */
.ai-job-info {
background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px;
margin-top: 12px;
}
/* line 11241, app/assets/stylesheets/application.scss */
.ai-relevance-badge {
display: inline-block;
margin-bottom: 8px;
}
/* line 11246, app/assets/stylesheets/application.scss */
.ai-exclusive-badge {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
color: white !important;
font-weight: 600 !important;
animation: aiPulse 2s infinite;
}
/* line 11253, app/assets/stylesheets/application.scss */
.ai-relevant-badge {
background: linear-gradient(135deg, #3182ce 0%, #2d3748 100%) !important;
color: white !important;
font-weight: 500 !important;
}
/* line 11259, app/assets/stylesheets/application.scss */
.ai-role-category {
margin-bottom: 8px;
}
/* line 11263, app/assets/stylesheets/application.scss */
.ai-keywords {
margin-bottom: 8px;
}
/* line 11267, app/assets/stylesheets/application.scss */
.ai-keyword-badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 4px;
}
/* line 11274, app/assets/stylesheets/application.scss */
.ai-skill-badge {
background: linear-gradient(135deg, #e6fffa 0%, #b2f5ea 100%) !important;
color: #065f46 !important;
border: 1px solid #81e6d9 !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
}
/* line 11282, app/assets/stylesheets/application.scss */
.ai-maturity-level {
margin-top: 4px;
}
/* AI Pulse Animation */
@keyframes aiPulse {
0%,
100% {
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.4);
}
50% {
box-shadow: 0 0 0 8px rgba(102, 126, 234, 0);
}
}
/* AI Tag Tooltip Enhancement */
/* line 11300, app/assets/stylesheets/application.scss */
.modern-filter-tag.ai-tag::after {
content: "🤖 AI";
position: absolute;
top: -8px;
right: -8px;
background: #667eea;
color: white;
font-size: 10px;
padding: 2px 4px;
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
}
/* line 11314, app/assets/stylesheets/application.scss */
.modern-filter-tag.ai-tag:hover::after {
opacity: 1;
}
/* Responsive AI styling */
@media (max-width: 768px) {
/* line 11320, app/assets/stylesheets/application.scss */
.ai-job-info {
padding: 8px;
margin-top: 8px;
}
/* line 11325, app/assets/stylesheets/application.scss */
.ai-keyword-badges {
gap: 2px;
}
/* line 11329, app/assets/stylesheets/application.scss */
.ai-skill-badge {
font-size: 0.7rem !important;
padding: 2px 6px !important;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
/* line 11338, app/assets/stylesheets/application.scss */
.modern-job-card,
.modern-filter-tag,
.apply-btn,
.toggle-slider,
.toggle-thumb,
.company-avatar,
.job-tag {
transition: none;
}
/* line 11348, app/assets/stylesheets/application.scss */
.logo-rotation {
animation: none;
}
}
/* High contrast mode support */
@media (prefers-contrast: high) {
/* line 11355, app/assets/stylesheets/application.scss */
.modern-job-card {
border-width: 3px;
/* Positivius thick border */
}
/* line 11360, app/assets/stylesheets/application.scss */
.modern-filter-tag,
.apply-btn {
border-width: 2px;
}
}
/* ============================================================================
MODERN TWO-COLUMN TURBO LAYOUT (Desktop)
============================================================================ */
/* line 11370, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--modern-space-6);
min-height: 80vh;
max-width: 1600px;
margin: 0 auto;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
align-items: stretch;
/* Stretch both columns to equal height */
grid-auto-rows: 1fr;
/* Make all rows equal height */
}
@media (max-width: 1200px) {
/* line 11370, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
grid-template-columns: 1fr 0.8fr;
}
}
@media (max-width: 1024px) {
/* line 11370, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
grid-template-columns: 1fr;
gap: var(--modern-space-4);
align-items: start;
}
}
@media (max-width: 768px) {
/* line 11370, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
padding: 0 !important;
border-radius: 0 !important;
}
}
/* line 11401, app/assets/stylesheets/application.scss */
.modern-jobs-list-column {
border-radius: 0 !important;
/* Remove rounded corners */
background: transparent !important;
padding: var(--modern-space-4);
border: none !important;
box-shadow: none !important;
overflow: visible;
/* Stretch to match right column height - Dynamic Height Sync */
}
@media (min-width: 1025px) {
/* line 11401, app/assets/stylesheets/application.scss */
.modern-jobs-list-column {
display: flex;
flex-direction: column;
min-height: 100%;
/* Match the grid row height */
position: relative;
/* For proper positioning context */
/* DISABLED - Grid layout controlled by _job_cards.scss */
/* .modern-jobs-grid-turbo {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: var(--modern-space-3);
} */
}
/* line 11427, app/assets/stylesheets/application.scss */
.modern-jobs-list-column .modern-pagination-wrapper {
flex-shrink: 0;
/* Don't shrink pagination */
margin-top: auto;
/* Push to bottom */
padding-top: 32px;
}
}
@media (max-width: 1024px) {
/* line 11401, app/assets/stylesheets/application.scss */
.modern-jobs-list-column {
order: 1;
border-radius: 0 !important;
/* Remove rounded corners on mobile */
padding: var(--modern-space-3);
}
}
/* line 11444, app/assets/stylesheets/application.scss */
.modern-jobs-interface-wrapper,
.modern-jobs-load-more {
width: 100%;
}
/* line 11449, app/assets/stylesheets/application.scss */
.modern-jobs-interface-wrapper {
max-width: 1600px;
margin: 0 auto;
}
@media (min-width: 1024px) {
/* line 11455, app/assets/stylesheets/application.scss */
body.home-page .modern-jobs-list-column {
padding: 0;
height: 100%;
}
/* line 11460, app/assets/stylesheets/application.scss */
body.home-page .modern-jobs-grid-turbo {
min-height: 100%;
align-content: space-between;
}
}
/* Positivus Style Job Details Column - Clean Card Style */
/* line 11467, app/assets/stylesheets/application.scss */
.modern-job-details-column {
border-radius: 0 !important;
/* Remove rounded corners for square design */
background: transparent !important;
/* Inherit page background to avoid white strip */
border: none !important;
/* No border like reference */
box-shadow: none !important;
/* Remove shadow for seamless gradient */
position: static !important;
/* Remove sticky to allow full content */
top: auto !important;
height: auto !important;
/* Allow full height */
max-height: none !important;
/* Remove height restrictions */
overflow-y: visible !important;
/* No scroll needed */
min-width: 0;
transition: none !important;
/* Remove transitions */
/* Remove hover effects */
}
/* line 11490, app/assets/stylesheets/application.scss */
.modern-job-details-column:hover {
background: transparent !important;
transform: none !important;
box-shadow: none !important;
}
@media (max-width: 1024px) {
/* line 11467, app/assets/stylesheets/application.scss */
.modern-job-details-column {
order: 2;
position: static;
max-height: none !important;
border-radius: 12px !important;
}
}
/* DISABLED - Moved to _job_cards.scss for single source of truth */
/* .modern-jobs-grid-turbo {
display: flex;
flex-direction: column;
gap: 10px;
> * {
transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
> *[style*="display: none"] {
opacity: 0;
transform: translateY(20px);
}
} */
/* ============================================================================
TURBO JOB CARDS
============================================================================ */
/* line 11525, app/assets/stylesheets/application.scss */
.turbo-job-card {
/* border: none !important; - DISABLED - Using Positivius design */
border-radius: var(--modern-radius-lg);
padding: var(--modern-space-4);
transition: var(--modern-transition-normal);
}
/* line 11531, app/assets/stylesheets/application.scss */
.turbo-job-card:hover {
transform: translateY(-1px);
box-shadow: var(--modern-shadow-md);
}
/* line 11535, app/assets/stylesheets/application.scss */
.turbo-job-card:hover .job-title {
color: var(--modern-primary-600) !important;
}
/* line 11540, app/assets/stylesheets/application.scss */
.turbo-job-card .job-card-header {
margin-bottom: var(--modern-space-3);
gap: var(--modern-space-3);
}
/* line 11545, app/assets/stylesheets/application.scss */
.turbo-job-card .job-card-body {
gap: var(--modern-space-3);
}
/* line 11549, app/assets/stylesheets/application.scss */
.turbo-job-card .job-meta-info {
gap: var(--modern-space-4);
flex-wrap: wrap;
}
@media (max-width: 768px) {
/* line 11525, app/assets/stylesheets/application.scss */
.turbo-job-card {
padding: var(--modern-space-3);
}
/* line 11557, app/assets/stylesheets/application.scss */
.turbo-job-card .job-card-header {
flex-direction: column;
align-items: flex-start;
gap: var(--modern-space-2);
}
/* line 11563, app/assets/stylesheets/application.scss */
.turbo-job-card .job-meta-right {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
/* Premium star positioning */
/* line 11573, app/assets/stylesheets/application.scss */
.premium-star {
position: absolute;
top: -4px;
right: -4px;
font-size: 14px;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
/* ============================================================================
PREMIUM BLUR CARDS
============================================================================ */
/* line 11585, app/assets/stylesheets/application.scss */
.premium-blur-card {
position: relative;
border: none !important;
/* Remove borders for clean borderless design */
background: linear-gradient(135deg, var(--modern-success-500), var(--modern-primary-500));
color: var(--modern-text-inverse);
overflow: hidden;
}
/* line 11593, app/assets/stylesheets/application.scss */
.premium-blur-card:hover {
transform: translateY(-2px);
box-shadow: var(--modern-shadow-xl);
border-color: var(--modern-success-500);
}
/* line 11600, app/assets/stylesheets/application.scss */
.premium-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(99, 102, 241, 0.95));
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
/* line 11616, app/assets/stylesheets/application.scss */
.premium-message {
text-align: center;
color: var(--modern-text-inverse);
padding: var(--modern-space-4);
}
/* line 11622, app/assets/stylesheets/application.scss */
.premium-icon {
font-size: 2rem;
margin-bottom: var(--modern-space-2);
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
/* line 11628, app/assets/stylesheets/application.scss */
.premium-title {
font-size: var(--modern-font-size-lg);
font-weight: var(--modern-font-weight-bold);
margin: 0 0 var(--modern-space-1) 0;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 11635, app/assets/stylesheets/application.scss */
.premium-subtitle {
font-size: var(--modern-font-size-sm);
margin: 0;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* line 11642, app/assets/stylesheets/application.scss */
.blur-content {
filter: blur(3px);
opacity: 0.7;
pointer-events: none;
}
/* line 11648, app/assets/stylesheets/application.scss */
.blur-text {
filter: blur(2px);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
/* ============================================================================
MODERN PAGINATION
============================================================================ */
/* line 11658, app/assets/stylesheets/application.scss */
.modern-pagination-wrapper {
border-top: 1px solid var(--modern-border-light);
padding-top: var(--modern-space-4);
margin-top: var(--modern-space-4);
/* Dynamic Height Sync - Position pagination at bottom */
}
@media (min-width: 1025px) {
/* line 11658, app/assets/stylesheets/application.scss */
.modern-pagination-wrapper {
/* Flexbox places this at bottom via margin-top: auto in parent */
/* Subtle decorative separator */
}
/* line 11668, app/assets/stylesheets/application.scss */
.modern-pagination-wrapper::before {
content: '';
display: block;
width: 60px;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #B9FF66 50%, transparent 100%);
margin: 0 auto 24px auto;
border-radius: 2px;
opacity: 0.6;
}
}
/* line 11681, app/assets/stylesheets/application.scss */
.modern-pagination-container {
display: flex;
justify-content: center;
}
/* line 11685, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination {
margin: 0;
}
/* line 11688, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-link {
border: 1px solid var(--modern-border-light);
color: var(--modern-text-secondary);
padding: var(--modern-space-2) var(--modern-space-4);
margin: 0 var(--modern-space-1);
border-radius: var(--modern-radius-md);
transition: var(--modern-transition-fast);
text-decoration: none;
}
/* line 11697, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-link:hover {
background: var(--modern-primary-50);
color: var(--modern-primary-600);
border-color: var(--modern-primary-500);
}
/* line 11703, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-link:focus {
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
outline: none;
}
/* line 11709, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-item.active .page-link {
background: var(--modern-primary-500);
color: var(--modern-text-inverse);
border-color: var(--modern-primary-500);
}
/* line 11714, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-item.active .page-link:hover {
background: var(--modern-primary-600);
border-color: var(--modern-primary-600);
}
/* line 11720, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-item.disabled .page-link {
background: var(--modern-surface-gray-100);
color: var(--modern-text-tertiary);
border-color: var(--modern-border-light);
cursor: not-allowed;
}
/* line 11726, app/assets/stylesheets/application.scss */
.modern-pagination-container .pagination .page-item.disabled .page-link:hover {
background: var(--modern-surface-gray-100);
color: var(--modern-text-tertiary);
border-color: var(--modern-border-light);
}
/* ============================================================================
RESPONSIVE LAYOUT ADJUSTMENTS
============================================================================ */
@media (max-width: 1024px) {
/* line 11740, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
padding: 0 !important;
}
/* line 11744, app/assets/stylesheets/application.scss */
.modern-jobs-list-column,
.modern-job-details-column {
border-radius: 0 !important;
/* Remove rounded corners */
padding: var(--modern-space-3);
}
/* DISABLED - Gap controlled by _job_cards.scss */
/* .modern-jobs-grid-turbo {
gap: var(--modern-space-2);
} */
}
@media (max-width: 768px) {
/* line 11758, app/assets/stylesheets/application.scss */
.modern-jobs-interface {
padding: 0 !important;
gap: var(--modern-space-3);
}
/* line 11764, app/assets/stylesheets/application.scss */
.turbo-job-card .company-info {
flex-direction: column;
gap: var(--modern-space-2);
}
/* line 11769, app/assets/stylesheets/application.scss */
.turbo-job-card .job-meta-info {
flex-direction: column;
align-items: flex-start;
gap: var(--modern-space-2);
}
/* line 11776, app/assets/stylesheets/application.scss */
.premium-message {
padding: var(--modern-space-3);
}
/* line 11780, app/assets/stylesheets/application.scss */
.premium-title {
font-size: var(--modern-font-size-base);
}
/* line 11784, app/assets/stylesheets/application.scss */
.premium-subtitle {
font-size: var(--modern-font-size-xs);
}
}
/* ============================================================================
MODERN JOB DETAILS PANEL - POSITIVUS STYLE
============================================================================ */
/* line 11793, app/assets/stylesheets/application.scss */
.modern-job-details-panel {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
background: #FFFFFF;
}
/* line 11801, app/assets/stylesheets/application.scss */
.modern-job-details-container {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
background: #FFFFFF;
background: transparent;
}
/* ============================================================================
JOB DETAILS HEADER - PREMIUM REDESIGN
============================================================================ */
/* line 11814, app/assets/stylesheets/application.scss */
.modern-job-details-header {
/* Static positioning within column - not fixed */
position: static !important;
background: linear-gradient(135deg, #2D2E36 0%, #191A23 100%) !important;
color: white !important;
padding: 20px 24px !important;
border-radius: 12px !important;
margin-bottom: 24px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
padding: 32px !important;
border-radius: 16px 16px 0 0 !important;
position: relative !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
/* Ensure all text in header is visible with high specificity */
/* Override any inline styles with !important */
/* Force white text for all elements */
/* Additional specificity for standalone job page */
/* Animated gradient overlay shimmer effect */
/* Bottom accent line */
}
/* line 11830, app/assets/stylesheets/application.scss */
.modern-job-details-header *,
.modern-job-details-header h1,
.modern-job-details-header .h1,
.modern-job-details-header h2,
.modern-job-details-header .h2,
.modern-job-details-header h3,
.modern-job-details-header .h3,
.modern-job-details-header h4,
.modern-job-details-header .h4,
.modern-job-details-header h5,
.modern-job-details-header .h5,
.modern-job-details-header h6,
.modern-job-details-header .h6,
.modern-job-details-header a,
.modern-job-details-header span,
.modern-job-details-header div,
.modern-job-details-header p {
color: white !important;
}
/* line 11845, app/assets/stylesheets/application.scss */
.modern-job-details-header [style*="color"] {
color: white !important;
}
/* line 11850, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-title-details,
.modern-job-details-header .job-title-details-link,
.modern-job-details-header .company-link-details,
.modern-job-details-header .company-name-details {
color: white !important;
}
/* line 11860, app/assets/stylesheets/application.scss */
.modern-job-details-header.standalone-header h1, .modern-job-details-header.standalone-header .h1,
.modern-job-details-header.standalone-header h2,
.modern-job-details-header.standalone-header .h2,
.modern-job-details-header.standalone-header h3,
.modern-job-details-header.standalone-header .h3,
.modern-job-details-header.standalone-header h4,
.modern-job-details-header.standalone-header .h4,
.modern-job-details-header.standalone-header h5,
.modern-job-details-header.standalone-header .h5,
.modern-job-details-header.standalone-header h6,
.modern-job-details-header.standalone-header .h6 {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 11871, app/assets/stylesheets/application.scss */
.modern-job-details-header.standalone-header a {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 11877, app/assets/stylesheets/application.scss */
.modern-job-details-header.standalone-header .job-title-details {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 11883, app/assets/stylesheets/application.scss */
.modern-job-details-header.standalone-header .company-link-details {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 11891, app/assets/stylesheets/application.scss */
.modern-job-details-header::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(185, 255, 102, 0.05), transparent) !important;
animation: shimmer 8s ease-in-out infinite !important;
z-index: 0 !important;
}
/* line 11904, app/assets/stylesheets/application.scss */
.modern-job-details-header::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 3px !important;
background: linear-gradient(90deg, #B9FF66 0%, transparent 50%, #B9FF66 100%) !important;
}
@media (max-width: 768px) {
/* line 11814, app/assets/stylesheets/application.scss */
.modern-job-details-header {
padding: 20px !important;
border-radius: 16px 16px 0 0;
}
}
@keyframes shimmer {
0%,
100% {
left: -100%;
}
50% {
left: 100%;
}
}
/* Mobile Apply Section */
/* line 11933, app/assets/stylesheets/application.scss */
.mobile-apply-section {
display: block;
margin-bottom: 16px;
}
@media (min-width: 768px) {
/* line 11933, app/assets/stylesheets/application.scss */
.mobile-apply-section {
display: none;
}
}
/* line 11942, app/assets/stylesheets/application.scss */
.mobile-apply-btn {
width: 100%;
justify-content: center;
}
/* Header Content Layout */
/* line 11948, app/assets/stylesheets/application.scss */
.job-details-header-content {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 24px !important;
position: relative !important;
z-index: 2 !important;
margin-bottom: 20px !important;
}
@media (max-width: 768px) {
/* line 11948, app/assets/stylesheets/application.scss */
.job-details-header-content {
flex-direction: column !important;
gap: 16px !important;
}
}
/* Company Info Section */
/* line 11964, app/assets/stylesheets/application.scss */
.company-info-details {
display: flex !important;
gap: 16px !important;
align-items: flex-start !important;
flex: 1 !important;
min-width: 0 !important;
}
/* Company Logo - Enhanced */
/* line 11973, app/assets/stylesheets/application.scss */
.company-logo-section {
flex-shrink: 0 !important;
}
/* line 11977, app/assets/stylesheets/application.scss */
.company-avatar-large {
width: 64px !important;
height: 64px !important;
border-radius: 12px !important;
font-size: 28px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #4B5563 0%, #374151 100%) !important;
color: white !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
border: 2px solid rgba(185, 255, 102, 0.2) !important;
flex-shrink: 0 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 11994, app/assets/stylesheets/application.scss */
.company-avatar-large:hover {
transform: translateY(-2px) scale(1.05) !important;
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.3) !important;
border-color: #B9FF66 !important;
}
/* line 12000, app/assets/stylesheets/application.scss */
.company-avatar-large img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
border-radius: 12px !important;
}
@media (max-width: 768px) {
/* line 11977, app/assets/stylesheets/application.scss */
.company-avatar-large {
width: 56px !important;
height: 56px !important;
font-size: 24px !important;
}
}
/* line 12014, app/assets/stylesheets/application.scss */
.company-logo-link {
text-decoration: none !important;
color: inherit !important;
}
/* Job Title Section */
/* line 12020, app/assets/stylesheets/application.scss */
.job-title-details-section {
flex: 1 !important;
min-width: 0 !important;
}
/* line 12025, app/assets/stylesheets/application.scss */
.job-title-details-link {
text-decoration: none !important;
color: inherit !important;
}
/* line 12030, app/assets/stylesheets/application.scss */
.job-title-details {
font-size: 36px !important;
font-weight: 800 !important;
color: white !important;
margin: 0 0 8px 0 !important;
line-height: 1.2 !important;
font-family: var(--positivus-font) !important;
letter-spacing: -0.5px !important;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
transition: color 0.3s ease !important;
}
/* line 12041, app/assets/stylesheets/application.scss */
.job-title-details:hover {
color: #B9FF66 !important;
}
@media (max-width: 768px) {
/* line 12030, app/assets/stylesheets/application.scss */
.job-title-details {
font-size: 28px !important;
}
}
@media (max-width: 480px) {
/* line 12030, app/assets/stylesheets/application.scss */
.job-title-details {
font-size: 24px !important;
}
}
/* line 12054, app/assets/stylesheets/application.scss */
.company-name-details {
margin-bottom: 0 !important;
}
/* line 12058, app/assets/stylesheets/application.scss */
.company-link-details {
font-size: 16px !important;
color: #9CA3AF !important;
font-weight: 600 !important;
font-family: var(--positivus-font) !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
display: inline-block !important;
}
/* line 12067, app/assets/stylesheets/application.scss */
.company-link-details:hover {
color: #B9FF66 !important;
transform: translateX(4px) !important;
}
@media (max-width: 768px) {
/* line 12058, app/assets/stylesheets/application.scss */
.company-link-details {
font-size: 14px !important;
}
}
/* External Link Button - Enhanced */
/* line 12078, app/assets/stylesheets/application.scss */
.external-link-section {
position: absolute !important;
top: 32px !important;
right: 32px !important;
z-index: 10 !important;
}
@media (max-width: 768px) {
/* line 12078, app/assets/stylesheets/application.scss */
.external-link-section {
top: 20px !important;
right: 20px !important;
}
}
/* line 12089, app/assets/stylesheets/application.scss */
.external-link-section a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
background: #B9FF66 !important;
color: #191A23 !important;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3) !important;
}
/* line 12102, app/assets/stylesheets/application.scss */
.external-link-section a:hover {
transform: translateY(-3px) rotate(5deg) !important;
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.5) !important;
background: #A3E635 !important;
}
/* line 12108, app/assets/stylesheets/application.scss */
.external-link-section a .myicon {
width: 24px !important;
height: 24px !important;
background-color: #191A23 !important;
}
/* Job Meta Section - Redesigned */
/* line 12117, app/assets/stylesheets/application.scss */
.job-details-meta {
position: relative !important;
z-index: 2 !important;
background: rgba(255, 255, 255, 0.05) !important;
border-radius: 12px !important;
padding: 16px 20px !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/* line 12127, app/assets/stylesheets/application.scss */
.job-meta-details-grid {
display: flex !important;
align-items: center !important;
gap: 24px !important;
flex-wrap: wrap !important;
}
@media (max-width: 768px) {
/* line 12127, app/assets/stylesheets/application.scss */
.job-meta-details-grid {
gap: 16px !important;
}
}
/* line 12138, app/assets/stylesheets/application.scss */
.job-meta-item {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 8px 16px !important;
background: rgba(255, 255, 255, 0.08) !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}
/* line 12147, app/assets/stylesheets/application.scss */
.job-meta-item:hover {
background: rgba(185, 255, 102, 0.1) !important;
transform: translateY(-2px) !important;
}
/* line 12152, app/assets/stylesheets/application.scss */
.job-meta-item .meta-icon {
width: 16px !important;
height: 16px !important;
stroke: #B9FF66 !important;
flex-shrink: 0 !important;
}
/* line 12159, app/assets/stylesheets/application.scss */
.job-meta-item .meta-text {
font-size: 14px !important;
font-weight: 600 !important;
color: #E5E7EB !important;
font-family: var(--positivus-font) !important;
white-space: nowrap !important;
}
/* Favorite Heart Button - Enhanced */
/* line 12169, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item {
position: absolute !important;
right: 32px !important;
bottom: 24px !important;
z-index: 10 !important;
padding: 0 !important;
background: transparent !important;
}
@media (max-width: 768px) {
/* line 12169, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item {
position: static !important;
margin-left: auto !important;
}
}
/* line 12182, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item:hover {
transform: translateY(-2px) scale(1.1) !important;
background: transparent !important;
}
/* line 12187, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item .btn {
background: #B9FF66 !important;
border: none !important;
border-radius: 12px !important;
padding: 12px !important;
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3) !important;
}
/* line 12200, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item .btn:hover {
background: #FF6B9D !important;
transform: scale(1.1) !important;
box-shadow: 0 6px 20px rgba(255, 107, 157, 0.4) !important;
}
/* line 12205, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item .btn:hover .myicon {
background-color: white !important;
}
/* line 12211, app/assets/stylesheets/application.scss */
.job-meta-item.favorite-item .myicon {
width: 24px !important;
height: 24px !important;
background-color: #191A23 !important;
transition: all 0.3s ease !important;
}
/* Apply Button - Premium Style */
/* line 12220, app/assets/stylesheets/application.scss */
.apply-actions-section {
position: absolute !important;
bottom: 24px !important;
right: 90px !important;
z-index: 20 !important;
}
@media (max-width: 768px) {
/* line 12220, app/assets/stylesheets/application.scss */
.apply-actions-section {
position: static !important;
margin-top: 16px !important;
}
}
/* line 12232, app/assets/stylesheets/application.scss */
.desktop-apply-btn {
padding: 14px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%) !important;
color: #191A23 !important;
text-decoration: none !important;
border: none !important;
font-family: var(--positivus-font) !important;
white-space: nowrap !important;
box-shadow: 0 4px 16px rgba(185, 255, 102, 0.4) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
position: relative !important;
overflow: hidden !important;
/* Shine effect */
}
/* line 12251, app/assets/stylesheets/application.scss */
.desktop-apply-btn::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
transition: left 0.5s !important;
}
/* line 12262, app/assets/stylesheets/application.scss */
.desktop-apply-btn:hover {
transform: translateY(-3px) scale(1.05) !important;
box-shadow: 0 8px 24px rgba(185, 255, 102, 0.6) !important;
background: linear-gradient(135deg, #A3E635 0%, #B9FF66 100%) !important;
}
/* line 12267, app/assets/stylesheets/application.scss */
.desktop-apply-btn:hover::before {
left: 100% !important;
}
/* line 12272, app/assets/stylesheets/application.scss */
.desktop-apply-btn:active {
transform: translateY(-1px) scale(1.02) !important;
}
@media (max-width: 768px) {
/* line 12232, app/assets/stylesheets/application.scss */
.desktop-apply-btn {
width: 100% !important;
text-align: center !important;
}
}
/* Mobile Apply Section */
/* line 12283, app/assets/stylesheets/application.scss */
.mobile-apply-section {
display: none !important;
margin-bottom: 16px !important;
}
@media (max-width: 768px) {
/* line 12283, app/assets/stylesheets/application.scss */
.mobile-apply-section {
display: block !important;
}
}
/* line 12291, app/assets/stylesheets/application.scss */
.mobile-apply-section .mobile-apply-btn {
width: 100% !important;
text-align: center !important;
padding: 14px 24px !important;
font-size: 16px !important;
font-weight: 700 !important;
border-radius: 12px !important;
}
/* Desktop-specific adjustments */
@media (min-width: 769px) {
/* line 12303, app/assets/stylesheets/application.scss */
.mobile-apply-section {
display: none !important;
}
/* line 12307, app/assets/stylesheets/application.scss */
.modern-job-details-header {
min-height: 200px !important;
}
}
/* ============================================================================
JOB CONTENT AREA - POSITIVUS WHITE STYLE
============================================================================ */
/* Positivus Style Job Content - White Background like Reference */
/* line 12317, app/assets/stylesheets/application.scss */
.modern-job-content {
flex: 1;
overflow-y: visible !important;
/* Remove scroll limitation */
height: auto !important;
/* Allow full height */
max-height: none !important;
/* Remove height restrictions */
padding: 24px !important;
/* Match reference padding */
background: white !important;
/* White background matching reference */
border-radius: 0 0 12px 12px !important;
/* Rounded bottom corners only */
}
@media (max-width: 768px) {
/* line 12317, app/assets/stylesheets/application.scss */
.modern-job-content {
padding: 20px !important;
}
}
/* line 12337, app/assets/stylesheets/application.scss */
.jobcard-header-style {
background-color: #191A23 !important;
color: white !important;
padding: 16px !important;
border-radius: 12px !important;
font-family: 'Inter', sans-serif !important;
position: relative !important;
}
/* Action Icons Positioning */
/* line 12347, app/assets/stylesheets/application.scss */
.jobcard-action-icons {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
/* Allow clicks to pass through container */
z-index: 10;
}
/* line 12358, app/assets/stylesheets/application.scss */
.jobcard-share-icon {
position: absolute !important;
top: 12px !important;
right: 16px !important;
pointer-events: auto;
/* Re-enable clicks for this element */
}
/* line 12366, app/assets/stylesheets/application.scss */
.jobcard-heart-icon {
position: absolute !important;
bottom: 12px !important;
right: 16px !important;
pointer-events: auto;
/* Re-enable clicks for this element */
}
/* line 12374, app/assets/stylesheets/application.scss */
.action-icon-btn {
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
background: rgba(255, 255, 255, 0.1) !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
/* line 12386, app/assets/stylesheets/application.scss */
.action-icon-btn .material-icons {
color: #e6007a !important;
font-size: 20px !important;
}
/* line 12391, app/assets/stylesheets/application.scss */
.action-icon-btn:hover {
background: rgba(255, 255, 255, 0.2) !important;
transform: translateY(-1px) !important;
}
/* Ensure heart icon matches styling */
/* line 12398, app/assets/stylesheets/application.scss */
.jobcard-heart-icon .btn {
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
background: rgba(255, 255, 255, 0.1) !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
/* line 12409, app/assets/stylesheets/application.scss */
.jobcard-heart-icon .btn svg {
color: #e6007a !important;
fill: #e6007a !important;
width: 20px !important;
height: 20px !important;
}
/* line 12416, app/assets/stylesheets/application.scss */
.jobcard-heart-icon .btn:hover {
background: rgba(255, 255, 255, 0.2) !important;
transform: translateY(-1px) !important;
}
/* Simple overrides for dark header background */
/* line 12423, app/assets/stylesheets/application.scss */
.jobcard-header-style {
background-color: #191A23 !important;
color: white !important;
padding: 16px !important;
border-radius: 12px !important;
font-family: 'Inter', sans-serif !important;
position: relative !important;
}
/* Ensure white text and proper colors in dark header */
/* line 12433, app/assets/stylesheets/application.scss */
.jobcard-header-style h1, .jobcard-header-style .h1,
.jobcard-header-style .font-bold {
color: white !important;
}
/* line 12438, app/assets/stylesheets/application.scss */
.jobcard-header-style .text-sm {
color: #9CA3AF !important;
}
/* line 12442, app/assets/stylesheets/application.scss */
.jobcard-header-style .text-xs {
color: #D1D5DB !important;
}
/* Make meta badges darker for dark background */
/* line 12447, app/assets/stylesheets/application.scss */
.jobcard-header-style .bg-gray-100 {
background: #4B5563 !important;
color: #D1D5DB !important;
}
/* line 12452, app/assets/stylesheets/application.scss */
.jobcard-header-style .text-gray-700 {
color: #D1D5DB !important;
}
/* line 12456, app/assets/stylesheets/application.scss */
.jobcard-content-style {
background: white;
padding: 24px;
border-radius: 12px;
margin-top: 24px;
}
/* line 12463, app/assets/stylesheets/application.scss */
.jobcard-bottom-apply {
text-align: center;
padding-top: 24px;
border-top: 1px solid #E5E7EB;
margin-top: 32px;
}
/* line 12470, app/assets/stylesheets/application.scss */
.jobcard-apply-now-btn {
background: #B9FF66 !important;
color: #191A23 !important;
font-weight: 700 !important;
padding: 12px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
display: inline-block;
transition: all 0.2s ease !important;
border: none !important;
cursor: pointer;
}
/* line 12484, app/assets/stylesheets/application.scss */
.jobcard-apply-now-btn:hover {
background: #A3E635 !important;
color: #191A23 !important;
text-decoration: none !important;
}
/* line 12491, app/assets/stylesheets/application.scss */
.jobcard-report-section {
margin-top: 16px;
}
/* line 12495, app/assets/stylesheets/application.scss */
.jobcard-description-content {
margin: 24px 0;
}
/* line 12498, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content {
color: #374151;
font-family: 'Inter', sans-serif;
line-height: 1.6;
}
/* line 12503, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content h1, .jobcard-description-content .cleaned-content .h1,
.jobcard-description-content .cleaned-content h2,
.jobcard-description-content .cleaned-content .h2,
.jobcard-description-content .cleaned-content h3,
.jobcard-description-content .cleaned-content .h3,
.jobcard-description-content .cleaned-content h4,
.jobcard-description-content .cleaned-content .h4,
.jobcard-description-content .cleaned-content h5,
.jobcard-description-content .cleaned-content .h5,
.jobcard-description-content .cleaned-content h6,
.jobcard-description-content .cleaned-content .h6 {
color: #191A23 !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700;
margin-top: 24px;
margin-bottom: 12px;
}
/* line 12516, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content p {
margin-bottom: 16px;
color: #374151;
}
/* line 12521, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content ul,
.jobcard-description-content .cleaned-content ol {
margin-bottom: 16px;
padding-left: 24px;
}
/* line 12526, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content ul li,
.jobcard-description-content .cleaned-content ol li {
margin-bottom: 8px;
color: #374151;
}
/* Standalone job page specific styles */
/* line 12535, app/assets/stylesheets/application.scss */
.standalone-job-page {
max-width: 800px;
margin: 0 auto;
padding: 24px;
}
/* line 12541, app/assets/stylesheets/application.scss */
.standalone-header {
margin-bottom: 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
/* line 12547, app/assets/stylesheets/application.scss */
.jobcard-header-main {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
/* line 12553, app/assets/stylesheets/application.scss */
.jobcard-company-avatar {
width: 48px !important;
height: 48px !important;
}
/* line 12558, app/assets/stylesheets/application.scss */
.jobcard-avatar-initials {
font-size: 18px !important;
}
/* line 12562, app/assets/stylesheets/application.scss */
.jobcard-job-title {
font-size: 20px !important;
}
/* line 12566, app/assets/stylesheets/application.scss */
.jobcard-company-name {
font-size: 14px !important;
}
/* line 12570, app/assets/stylesheets/application.scss */
.jobcard-apply-section {
margin-left: 0;
width: 100%;
}
/* line 12575, app/assets/stylesheets/application.scss */
.standalone-job-page {
padding: 16px;
}
}
/* line 12580, app/assets/stylesheets/application.scss */
.modern-job-details-header {
position: static !important;
background-color: #191A23 !important;
color: white !important;
padding: 20px 24px !important;
margin-bottom: 24px !important;
border-radius: 12px !important;
font-family: 'Inter', sans-serif !important;
min-height: auto !important;
}
/* line 12591, app/assets/stylesheets/application.scss */
.company-avatar-large {
width: 40px !important;
/* Much smaller like jobcard.html */
height: 40px !important;
border-radius: 6px !important;
font-size: 16px !important;
/* Smaller font */
}
/* line 12600, app/assets/stylesheets/application.scss */
.job-title-details {
font-size: 18px !important;
/* Much smaller title */
font-weight: 700 !important;
color: white !important;
margin: 0 !important;
line-height: 1.1 !important;
}
/* line 12609, app/assets/stylesheets/application.scss */
.company-link-details {
font-size: 12px !important;
/* Much smaller company name */
color: #9CA3AF !important;
font-family: 'Inter', sans-serif !important;
text-decoration: none !important;
line-height: 1.1 !important;
}
/* line 12618, app/assets/stylesheets/application.scss */
.job-details-meta {
margin-top: 8px !important;
}
/* line 12622, app/assets/stylesheets/application.scss */
.job-meta-details-grid {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin: 0 !important;
}
/* line 12630, app/assets/stylesheets/application.scss */
.job-meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
/* line 12635, app/assets/stylesheets/application.scss */
.job-meta-item .meta-icon {
width: 12px !important;
/* Smaller icons */
height: 12px !important;
stroke: #D1D5DB !important;
}
/* line 12642, app/assets/stylesheets/application.scss */
.job-meta-item .meta-text {
font-size: 11px !important;
/* Smaller text */
color: #D1D5DB !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12650, app/assets/stylesheets/application.scss */
.desktop-apply-btn {
padding: 6px 12px !important;
/* Compact like jobcard.html */
font-size: 12px !important;
border-radius: 6px !important;
background: #B9FF66 !important;
color: #191A23 !important;
font-weight: 700 !important;
}
/* Force remove inline styles that override our CSS */
/* line 12661, app/assets/stylesheets/application.scss */
h1.job-title-details[style], .job-title-details.h1[style] {
font-size: 18px !important;
/* Override inline style */
}
/* line 12666, app/assets/stylesheets/application.scss */
a.company-link-details[style] {
font-size: 12px !important;
/* Override inline style */
color: #9CA3AF !important;
/* Override inline style */
}
/* line 12673, app/assets/stylesheets/application.scss */
.jobcard-job-info {
flex: 1;
margin-left: 8px;
/* Much smaller margin */
min-height: auto !important;
}
/* line 12679, app/assets/stylesheets/application.scss */
.jobcard-job-info .jobcard-job-title {
font-size: 18px !important;
/* Much smaller title */
font-weight: 700 !important;
color: white !important;
margin: 0 !important;
/* No margin */
line-height: 1.1 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12690, app/assets/stylesheets/application.scss */
.jobcard-job-info .jobcard-company-name {
font-size: 12px !important;
/* Much smaller company name */
color: #9CA3AF !important;
margin: 0 0 4px 0 !important;
/* Minimal margin */
font-family: 'Inter', sans-serif !important;
line-height: 1.1 !important;
}
/* line 12701, app/assets/stylesheets/application.scss */
.jobcard-meta-row {
display: flex;
align-items: center;
gap: 8px;
/* Much smaller gaps */
flex-wrap: wrap;
margin: 0 !important;
}
/* line 12710, app/assets/stylesheets/application.scss */
.jobcard-meta-item {
display: inline-flex;
align-items: center;
gap: 4px !important;
/* Better gap for icon alignment */
color: #D1D5DB !important;
font-size: 11px !important;
/* Much smaller font */
font-family: 'Inter', sans-serif !important;
}
/* line 12720, app/assets/stylesheets/application.scss */
.jobcard-meta-item .jobcard-meta-icon {
font-size: 12px !important;
/* Much smaller icons */
color: #D1D5DB !important;
line-height: 1 !important;
vertical-align: middle !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* line 12732, app/assets/stylesheets/application.scss */
.jobcard-apply-section {
margin-left: auto;
}
@media (max-width: 768px) {
/* line 12732, app/assets/stylesheets/application.scss */
.jobcard-apply-section {
margin-left: 0;
width: 100%;
}
}
/* line 12740, app/assets/stylesheets/application.scss */
.jobcard-apply-section .jobcard-apply-btn {
background: #B9FF66 !important;
color: #191A23 !important;
font-weight: 700 !important;
padding: 6px 12px !important;
/* Much smaller padding */
border-radius: 4px !important;
/* Smaller radius */
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
/* Much smaller font */
display: inline-block;
transition: all 0.2s ease !important;
white-space: nowrap;
min-height: auto !important;
}
/* line 12757, app/assets/stylesheets/application.scss */
.jobcard-apply-section .jobcard-apply-btn:hover {
background: #A3E635 !important;
color: #191A23 !important;
text-decoration: none !important;
}
@media (max-width: 768px) {
/* line 12740, app/assets/stylesheets/application.scss */
.jobcard-apply-section .jobcard-apply-btn {
width: 100%;
text-align: center;
}
}
/* Jobcard.html Style Content Area */
/* line 12771, app/assets/stylesheets/application.scss */
.jobcard-content-style {
background: white !important;
padding: 24px !important;
border-radius: 12px !important;
margin-top: 24px !important;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
/* line 12771, app/assets/stylesheets/application.scss */
.jobcard-content-style {
padding: 20px !important;
margin-top: 16px !important;
}
}
/* line 12784, app/assets/stylesheets/application.scss */
.jobcard-title-section {
margin-bottom: 24px !important;
}
/* line 12787, app/assets/stylesheets/application.scss */
.jobcard-title-section .jobcard-job-title {
font-size: 20px !important;
font-weight: 700 !important;
color: #191A23 !important;
margin: 0 0 8px 0 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12795, app/assets/stylesheets/application.scss */
.jobcard-title-section .jobcard-location-meta {
color: #6B7280 !important;
font-size: 14px !important;
margin: 0 0 16px 0 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12802, app/assets/stylesheets/application.scss */
.jobcard-title-section .jobcard-apply-btn {
background: #B9FF66 !important;
color: #191A23 !important;
font-weight: 700 !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
display: inline-block;
transition: all 0.2s ease !important;
}
/* line 12814, app/assets/stylesheets/application.scss */
.jobcard-title-section .jobcard-apply-btn:hover {
background: #A3E635 !important;
color: #191A23 !important;
text-decoration: none !important;
}
/* line 12823, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content {
color: #374151 !important;
line-height: 1.7 !important;
font-size: 16px !important;
font-family: 'Inter', sans-serif !important;
/* Clean up problematic text patterns */
}
/* line 12829, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content h4, .jobcard-description-content .cleaned-content .h4 {
font-size: 16px !important;
font-weight: 700 !important;
color: #191A23 !important;
margin: 24px 0 12px 0 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12837, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content p {
margin: 0 0 16px 0 !important;
line-height: 1.7 !important;
}
/* line 12842, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content ul {
margin: 16px 0 !important;
padding-left: 20px !important;
}
/* line 12846, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content ul li {
margin-bottom: 8px !important;
line-height: 1.6 !important;
}
/* line 12852, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content .text-lime-custom {
color: #B9FF66 !important;
}
/* line 12857, app/assets/stylesheets/application.scss */
.jobcard-description-content .cleaned-content p:empty,
.jobcard-description-content .cleaned-content div:empty {
display: none !important;
}
/* line 12864, app/assets/stylesheets/application.scss */
.jobcard-bottom-apply {
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid #E5E7EB !important;
text-align: center;
}
/* line 12870, app/assets/stylesheets/application.scss */
.jobcard-bottom-apply .jobcard-apply-now-btn {
background: #B9FF66 !important;
color: #191A23 !important;
font-weight: 700 !important;
padding: 12px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
display: inline-block;
transition: all 0.2s ease !important;
}
/* line 12882, app/assets/stylesheets/application.scss */
.jobcard-bottom-apply .jobcard-apply-now-btn:hover {
background: #A3E635 !important;
color: #191A23 !important;
text-decoration: none !important;
}
/* line 12890, app/assets/stylesheets/application.scss */
.jobcard-report-section {
margin-top: 16px !important;
}
/* line 12893, app/assets/stylesheets/application.scss */
.jobcard-report-section a {
color: #6B7280 !important;
font-size: 14px !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12899, app/assets/stylesheets/application.scss */
.jobcard-report-section a:hover {
color: #374151 !important;
text-decoration: underline !important;
}
/* line 12906, app/assets/stylesheets/application.scss */
.user-banner-section {
margin-bottom: 24px;
}
/* ============================================================================
POSITIVIUS JOB DESCRIPTION PANEL - COMPREHENSIVE REDESIGN
============================================================================ */
/* Job Description Container - Main Wrapper */
/* line 12915, app/assets/stylesheets/application.scss */
.job-description-section {
margin-bottom: 32px;
background: #FFFFFF !important;
border: none !important;
border-radius: 16px !important;
padding: 0 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
height: auto !important;
max-height: none !important;
}
/* line 12927, app/assets/stylesheets/application.scss */
.job-description-section:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
/* Job Description Content Area */
/* line 12933, app/assets/stylesheets/application.scss */
.job-description-content {
padding: 32px;
font-family: var(--positivus-font);
color: #333333;
line-height: 1.8;
}
@media (max-width: 768px) {
/* line 12933, app/assets/stylesheets/application.scss */
.job-description-content {
padding: 24px 20px;
}
}
@media (max-width: 480px) {
/* line 12933, app/assets/stylesheets/application.scss */
.job-description-content {
padding: 20px 16px;
}
}
/* Job Description Content Styling */
/* line 12949, app/assets/stylesheets/application.scss */
.job-description-content {
color: #191A23 !important;
/* Dark text on white background */
font-family: 'Inter', sans-serif !important;
/* Match reference font */
line-height: 1.6 !important;
}
/* line 12956, app/assets/stylesheets/application.scss */
.job-description-content h1, .job-description-content .h1,
.job-description-content h2,
.job-description-content .h2,
.job-description-content h3,
.job-description-content .h3,
.job-description-content h4,
.job-description-content .h4,
.job-description-content h5,
.job-description-content .h5,
.job-description-content h6,
.job-description-content .h6 {
color: #191A23 !important;
font-weight: 700 !important;
font-family: 'Inter', sans-serif !important;
margin-top: 24px !important;
margin-bottom: 12px !important;
}
/* line 12968, app/assets/stylesheets/application.scss */
.job-description-content h1:first-child, .job-description-content .h1:first-child,
.job-description-content h2:first-child,
.job-description-content .h2:first-child,
.job-description-content h3:first-child,
.job-description-content .h3:first-child,
.job-description-content h4:first-child,
.job-description-content .h4:first-child,
.job-description-content h5:first-child,
.job-description-content .h5:first-child,
.job-description-content h6:first-child,
.job-description-content .h6:first-child {
margin-top: 0 !important;
}
/* line 12973, app/assets/stylesheets/application.scss */
.job-description-content p {
color: #191A23 !important;
margin-bottom: 16px !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12979, app/assets/stylesheets/application.scss */
.job-description-content ul,
.job-description-content ol {
color: #191A23 !important;
margin-bottom: 16px !important;
padding-left: 24px !important;
}
/* line 12985, app/assets/stylesheets/application.scss */
.job-description-content ul li,
.job-description-content ol li {
color: #191A23 !important;
margin-bottom: 8px !important;
font-family: 'Inter', sans-serif !important;
}
/* line 12993, app/assets/stylesheets/application.scss */
.job-description-content {
color: #191A23 !important;
line-height: 1.8;
max-width: none;
font-family: var(--positivus-font) !important;
font-size: 17px;
height: auto !important;
max-height: none !important;
overflow: visible !important;
position: relative;
/* Decorative circle background */
/* Black circle removed per user feedback */
/* Ensure content stays above decorative elements */
}
/* line 13005, app/assets/stylesheets/application.scss */
.job-description-content::before {
content: '';
position: absolute;
top: 50px;
right: -50px;
width: 150px;
height: 150px;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%);
border-radius: 50%;
opacity: 0.08;
z-index: 0;
animation: positivius-float 8s ease-in-out infinite;
pointer-events: none;
}
/* line 13023, app/assets/stylesheets/application.scss */
.job-description-content > * {
position: relative;
z-index: 1;
}
/* line 13028, app/assets/stylesheets/application.scss */
.job-description-content h1, .job-description-content .h1,
.job-description-content h2,
.job-description-content .h2,
.job-description-content h3,
.job-description-content .h3,
.job-description-content h4,
.job-description-content .h4,
.job-description-content h5,
.job-description-content .h5,
.job-description-content h6,
.job-description-content .h6 {
color: #191A23 !important;
font-family: var(--positivus-font) !important;
margin-top: 40px;
margin-bottom: 20px;
line-height: 1.2;
font-weight: 800 !important;
position: relative;
padding-left: 20px;
/* Bold lime green accent bar */
}
/* line 13044, app/assets/stylesheets/application.scss */
.job-description-content h1::before, .job-description-content .h1::before,
.job-description-content h2::before,
.job-description-content .h2::before,
.job-description-content h3::before,
.job-description-content .h3::before,
.job-description-content h4::before,
.job-description-content .h4::before,
.job-description-content h5::before,
.job-description-content .h5::before,
.job-description-content h6::before,
.job-description-content .h6::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 13057, app/assets/stylesheets/application.scss */
.job-description-content h1:first-child, .job-description-content .h1:first-child,
.job-description-content h2:first-child,
.job-description-content .h2:first-child,
.job-description-content h3:first-child,
.job-description-content .h3:first-child,
.job-description-content h4:first-child,
.job-description-content .h4:first-child,
.job-description-content h5:first-child,
.job-description-content .h5:first-child,
.job-description-content h6:first-child,
.job-description-content .h6:first-child {
margin-top: 0;
}
/* line 13062, app/assets/stylesheets/application.scss */
.job-description-content h1, .job-description-content .h1 {
font-size: 36px;
}
/* line 13065, app/assets/stylesheets/application.scss */
.job-description-content h1::before, .job-description-content .h1::before {
width: 8px;
height: 90%;
}
/* line 13071, app/assets/stylesheets/application.scss */
.job-description-content h2, .job-description-content .h2 {
font-size: 30px;
}
/* line 13075, app/assets/stylesheets/application.scss */
.job-description-content h3, .job-description-content .h3 {
font-size: 24px;
}
/* line 13079, app/assets/stylesheets/application.scss */
.job-description-content h4, .job-description-content .h4 {
font-size: 20px;
}
/* line 13083, app/assets/stylesheets/application.scss */
.job-description-content p {
margin-bottom: 20px;
color: #191A23 !important;
font-size: 17px;
font-weight: 400;
line-height: 1.8;
transition: background 0.2s ease;
padding: 2px 0;
/* Subtle highlight on hover */
}
/* line 13093, app/assets/stylesheets/application.scss */
.job-description-content p:hover {
background: linear-gradient(90deg, rgba(185, 255, 102, 0.08) 0%, transparent 100%);
padding-left: 8px;
margin-left: -8px;
border-radius: 4px;
}
/* line 13101, app/assets/stylesheets/application.scss */
.job-description-content ul,
.job-description-content ol {
margin: 24px 0;
padding-left: 30px;
}
/* line 13106, app/assets/stylesheets/application.scss */
.job-description-content ul li,
.job-description-content ol li {
margin-bottom: 14px;
color: #191A23 !important;
font-size: 17px;
line-height: 1.8;
position: relative;
padding-left: 8px;
/* Custom lime green bullet points */
/* Subtle hover effect */
}
/* line 13115, app/assets/stylesheets/application.scss */
.job-description-content ul li::marker,
.job-description-content ol li::marker {
color: #B9FF66;
font-weight: 900;
font-size: 20px;
}
/* line 13122, app/assets/stylesheets/application.scss */
.job-description-content ul li:hover,
.job-description-content ol li:hover {
background: linear-gradient(90deg, rgba(185, 255, 102, 0.05) 0%, transparent 100%);
margin-left: -4px;
padding-left: 12px;
border-radius: 4px;
}
/* line 13131, app/assets/stylesheets/application.scss */
.job-description-content a {
color: #191A23 !important;
background: #B9FF66;
padding: 3px 10px;
border-radius: 16px;
border: 2px solid #191A23;
text-decoration: none;
font-weight: 700;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-block;
}
/* line 13142, app/assets/stylesheets/application.scss */
.job-description-content a:hover {
background: #191A23;
color: #B9FF66 !important;
transform: translateY(-2px) rotate(-1deg);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
text-decoration: none;
}
/* line 13151, app/assets/stylesheets/application.scss */
.job-description-content strong,
.job-description-content b {
color: #191A23 !important;
background: linear-gradient(90deg, #B9FF66 0%, #A3E635 100%);
padding: 3px 8px;
border-radius: 6px;
font-weight: 800;
box-shadow: 0 2px 6px rgba(185, 255, 102, 0.2);
}
/* line 13161, app/assets/stylesheets/application.scss */
.job-description-content code {
background: #191A23 !important;
color: #B9FF66 !important;
padding: 4px 8px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
border: 2px solid #191A23;
}
/* line 13171, app/assets/stylesheets/application.scss */
.job-description-content pre {
background: #191A23 !important;
color: #B9FF66 !important;
padding: 20px;
border-radius: 20px;
border: 3px solid #191A23;
overflow-x: auto;
margin: 20px 0;
font-family: 'Courier New', monospace;
}
/* Blurred Job Description */
/* line 13184, app/assets/stylesheets/application.scss */
.job-description-blur {
position: relative;
border-radius: var(--modern-radius-lg);
overflow: hidden;
}
/* line 13190, app/assets/stylesheets/application.scss */
.blur-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(99, 102, 241, 0.95), rgba(139, 92, 246, 0.95));
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
/* line 13206, app/assets/stylesheets/application.scss */
.blur-message {
text-align: center;
color: var(--modern-text-inverse);
}
/* line 13210, app/assets/stylesheets/application.scss */
.blur-message .blur-icon {
width: 48px;
height: 48px;
margin: 0 auto var(--modern-space-3);
opacity: 0.9;
}
/* line 13217, app/assets/stylesheets/application.scss */
.blur-message h3, .blur-message .h3 {
font-size: var(--modern-font-size-xl);
font-weight: var(--modern-font-weight-bold);
margin: 0 0 var(--modern-space-2) 0;
}
/* line 13223, app/assets/stylesheets/application.scss */
.blur-message p {
font-size: var(--modern-font-size-base);
margin: 0;
opacity: 0.9;
}
/* Bottom Apply Section */
/* line 13231, app/assets/stylesheets/application.scss */
.bottom-apply-section {
text-align: center;
padding: var(--modern-space-6) 0;
border-top: 1px solid var(--modern-border-light);
}
/* line 13237, app/assets/stylesheets/application.scss */
.apply-arrow {
margin-bottom: var(--modern-space-4);
animation: bounce 2s infinite;
}
/* line 13241, app/assets/stylesheets/application.scss */
.apply-arrow svg {
width: 24px;
height: 24px;
color: var(--modern-text-tertiary);
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
/* line 13267, app/assets/stylesheets/application.scss */
.bottom-apply-btn {
min-height: 56px;
padding: var(--modern-space-4) var(--modern-space-8);
font-size: var(--modern-font-size-lg);
font-weight: var(--modern-font-weight-bold);
border-radius: var(--modern-radius-xl);
transition: var(--modern-transition-normal);
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: var(--modern-space-6);
}
/* line 13279, app/assets/stylesheets/application.scss */
.bottom-apply-btn:hover {
transform: translateY(-2px);
box-shadow: var(--modern-shadow-lg);
}
@media (max-width: 768px) {
/* line 13267, app/assets/stylesheets/application.scss */
.bottom-apply-btn {
width: 100%;
min-height: 48px;
padding: var(--modern-space-3) var(--modern-space-6);
font-size: var(--modern-font-size-base);
}
}
/* line 13292, app/assets/stylesheets/application.scss */
.report-section {
margin-top: var(--modern-space-4);
}
/* line 13295, app/assets/stylesheets/application.scss */
.report-section a {
color: var(--modern-text-tertiary);
font-size: var(--modern-font-size-sm);
text-decoration: none;
}
/* line 13300, app/assets/stylesheets/application.scss */
.report-section a:hover {
color: var(--modern-text-secondary);
text-decoration: underline;
}
/* Cloudflare Turnstile Container */
/* line 13309, app/assets/stylesheets/application.scss */
[data-turnstile-target="container"] {
margin: 20px 0 !important;
display: flex !important;
justify-content: center !important;
}
/* FORGOT PASSWORD & CONFIRMATION PAGES STYLING */
/* Apply same Positivus styling to password reset and confirmation pages with consistent dimensions */
/* Ensure forgot password and confirmation pages have same container styling as sign-in */
/* line 13319, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-layout-container,
body:has([data-controller="confirmations"]) .index_onboarding-layout-container,
.passwords.new .index_onboarding-layout-container,
.confirmations.new .index_onboarding-layout-container {
/* Same unified border and dimensions as sign-in page */
background: #FFFFFF !important;
border: 3px solid #191A23 !important;
border-radius: 35px !important;
box-shadow: 0 15px 40px rgba(25, 26, 35, 0.1) !important;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
max-width: 1400px !important;
width: 90% !important;
margin: 0 auto !important;
padding: 40px 20px !important;
}
/* line 13334, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-layout-container:hover,
body:has([data-controller="confirmations"]) .index_onboarding-layout-container:hover,
.passwords.new .index_onboarding-layout-container:hover,
.confirmations.new .index_onboarding-layout-container:hover {
transform: translateY(-3px) !important;
box-shadow: 0 20px 50px rgba(25, 26, 35, 0.15) !important;
}
/* Ensure left and right sections have same styling */
/* line 13341, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-v3-signup-layout-left-section__Zq4YW,
body:has([data-controller="passwords"]) .index_onboarding-v3-signup-layout-right-section__l5GYl,
body:has([data-controller="confirmations"]) .index_onboarding-v3-signup-layout-left-section__Zq4YW,
body:has([data-controller="confirmations"]) .index_onboarding-v3-signup-layout-right-section__l5GYl,
.passwords.new .index_onboarding-v3-signup-layout-left-section__Zq4YW,
.passwords.new .index_onboarding-v3-signup-layout-right-section__l5GYl,
.confirmations.new .index_onboarding-v3-signup-layout-left-section__Zq4YW,
.confirmations.new .index_onboarding-v3-signup-layout-right-section__l5GYl {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 40px !important;
}
/* Password Reset & Confirmation Pages - FORCE Logo Visibility */
/* line 13361, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-v3-signup-layout-left-section-header__k018L,
body:has([data-controller="confirmations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L,
.passwords.new .index_onboarding-v3-signup-layout-left-section-header__k018L,
.confirmations.new .index_onboarding-v3-signup-layout-left-section-header__k018L {
position: static !important;
/* Override absolute positioning */
top: auto !important;
left: auto !important;
margin-bottom: 40px !important;
z-index: 1000 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* line 13375, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo,
body:has([data-controller="confirmations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo,
.passwords.new .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo,
.confirmations.new .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo {
font-family: var(--positivus-font) !important;
color: #191A23 !important;
font-size: 2.2rem !important;
font-weight: 900 !important;
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 1001 !important;
}
/* line 13386, app/assets/stylesheets/application.scss */
body:has([data-controller="passwords"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after,
body:has([data-controller="confirmations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after,
.passwords.new .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after,
.confirmations.new .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after {
content: '';
position: absolute !important;
bottom: -8px !important;
left: 0 !important;
width: 60px !important;
height: 4px !important;
background: #B9FF66 !important;
border-radius: 2px !important;
display: block !important;
}
/* Password Reset - Main Title Styling */
/* The main title styling is already handled by the existing CSS rules above */
/* Password Reset & Confirmation Forms - Same styling as sign-in */
/* line 13407, app/assets/stylesheets/application.scss */
#password-reset-form .ant-input,
#password-reset-form .ant-input-outlined,
#confirmation-form .ant-input,
#confirmation-form .ant-input-outlined {
border: 3px solid #191A23 !important;
border-radius: 25px !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
background: #FFFFFF !important;
padding: 16px 20px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
/* line 13417, app/assets/stylesheets/application.scss */
#password-reset-form .ant-input:focus, #password-reset-form .ant-input:hover,
#password-reset-form .ant-input-outlined:focus,
#password-reset-form .ant-input-outlined:hover,
#confirmation-form .ant-input:focus,
#confirmation-form .ant-input:hover,
#confirmation-form .ant-input-outlined:focus,
#confirmation-form .ant-input-outlined:hover {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.2) !important;
outline: none !important;
}
/* line 13424, app/assets/stylesheets/application.scss */
#password-reset-form .ant-input::-moz-placeholder, #password-reset-form .ant-input-outlined::-moz-placeholder, #confirmation-form .ant-input::-moz-placeholder, #confirmation-form .ant-input-outlined::-moz-placeholder {
color: #666666 !important;
opacity: 0.7 !important;
}
#password-reset-form .ant-input::placeholder,
#password-reset-form .ant-input-outlined::placeholder,
#confirmation-form .ant-input::placeholder,
#confirmation-form .ant-input-outlined::placeholder {
color: #666666 !important;
opacity: 0.7 !important;
}
/* Password Reset & Confirmation Buttons */
/* line 13432, app/assets/stylesheets/application.scss */
#password-reset-form .index_sign-up-button__ciVOR,
#confirmation-form .index_sign-up-button__ciVOR {
/* Same styling as sign-in button - already covered by existing CSS */
}
/* NAVIGATION LOGO STYLING - Positivus Design */
/* Apply same logo styling to main navigation as used in sign-in pages */
/* line 13439, app/assets/stylesheets/application.scss */
.modern-brand {
text-decoration: none !important;
}
/* line 13442, app/assets/stylesheets/application.scss */
.modern-brand .positivus-logo {
position: relative !important;
display: inline-block !important;
}
/* line 13446, app/assets/stylesheets/application.scss */
.modern-brand .positivus-logo .logo-text {
font-family: var(--positivus-font) !important;
color: #191A23 !important;
font-size: 1.7rem !important;
font-weight: 900 !important;
letter-spacing: -0.02em !important;
text-decoration: none !important;
position: relative !important;
display: block !important;
line-height: 1.2 !important;
}
/* line 13459, app/assets/stylesheets/application.scss */
.modern-brand .positivus-logo .logo-accent-line {
content: '';
position: absolute !important;
bottom: -6px !important;
left: 0 !important;
width: 52px !important;
height: 3px !important;
background: #B9FF66 !important;
border-radius: 2px !important;
display: block !important;
}
/* line 13472, app/assets/stylesheets/application.scss */
.modern-brand:hover {
text-decoration: none !important;
}
/* line 13475, app/assets/stylesheets/application.scss */
.modern-brand:hover .logo-text {
color: #191A23 !important;
}
/* line 13479, app/assets/stylesheets/application.scss */
.modern-brand:hover .logo-accent-line {
background: #B9FF66 !important;
transform: scaleX(1.1) !important;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
/* Ensure logo maintains size and position */
/* line 13488, app/assets/stylesheets/application.scss */
.modern-nav-container .modern-brand {
margin-right: auto !important;
padding: 0 !important;
}
@media (max-width: 768px) {
/* line 13488, app/assets/stylesheets/application.scss */
.modern-nav-container .modern-brand {
margin-right: 0 !important;
}
}
/* line 13496, app/assets/stylesheets/application.scss */
.modern-nav-container .modern-brand .positivus-logo {
width: auto !important;
height: auto !important;
min-height: 44px !important;
/* Maintain same height as original SVG */
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
/* USER EDIT PAGE STYLING - Positivus Design */
/* Apply same styling approach to user edit page */
/* Container styling for user edit page */
/* line 13511, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-layout-container,
.registrations.edit .index_onboarding-layout-container {
/* Same unified border and dimensions as other pages */
background: #FFFFFF !important;
border: 3px solid #191A23 !important;
border-radius: 35px !important;
box-shadow: 0 15px 40px rgba(25, 26, 35, 0.1) !important;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
max-width: 1400px !important;
width: 90% !important;
margin: 0 auto !important;
padding: 40px 20px !important;
}
/* line 13524, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-layout-container:hover,
.registrations.edit .index_onboarding-layout-container:hover {
transform: translateY(-3px) !important;
box-shadow: 0 20px 50px rgba(25, 26, 35, 0.15) !important;
}
/* Left and right sections styling */
/* line 13531, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section__Zq4YW,
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-right-section__l5GYl,
.registrations.edit .index_onboarding-v3-signup-layout-left-section__Zq4YW,
.registrations.edit .index_onboarding-v3-signup-layout-right-section__l5GYl {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
padding: 40px !important;
}
/* Logo visibility for user edit page */
/* line 13547, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L,
.registrations.edit .index_onboarding-v3-signup-layout-left-section-header__k018L {
position: static !important;
top: auto !important;
left: auto !important;
margin-bottom: 40px !important;
z-index: 1000 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* line 13558, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo,
.registrations.edit .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo {
font-family: var(--positivus-font) !important;
color: #191A23 !important;
font-size: 2.2rem !important;
font-weight: 900 !important;
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 1001 !important;
}
/* line 13569, app/assets/stylesheets/application.scss */
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after,
.registrations.edit .index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after {
content: '';
position: absolute !important;
bottom: -8px !important;
left: 0 !important;
width: 60px !important;
height: 4px !important;
background: #B9FF66 !important;
border-radius: 2px !important;
display: block !important;
}
/* Profile sections styling - Clean & Modern */
/* line 13584, app/assets/stylesheets/application.scss */
.profile-section {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
margin-bottom: 30px !important;
transition: none !important;
overflow: visible !important;
}
/* Section titles - No Accordion, Always Visible */
/* line 13594, app/assets/stylesheets/application.scss */
.section-title.accordion-header,
.section-title {
background: transparent !important;
color: #191A23 !important;
font-family: var(--positivus-font) !important;
font-weight: 800 !important;
font-size: 1.4rem !important;
padding: 0 0 15px 0 !important;
margin: 0 0 20px 0 !important;
display: block !important;
/* Remove flex for chevron */
cursor: default !important;
/* Remove pointer cursor */
transition: none !important;
border-bottom: 3px solid #B9FF66 !important;
/* Hide accordion chevron */
}
/* line 13611, app/assets/stylesheets/application.scss */
.section-title.accordion-header .accordion-chevron,
.section-title .accordion-chevron {
display: none !important;
}
/* TARGETED - Fix ALL profile edit section headers */
/* line 13617, app/assets/stylesheets/application.scss */
.registrations.edit h3, .registrations.edit .h3,
.registrations.edit .section-title,
body:has([data-controller="registrations"]) h3,
body:has([data-controller="registrations"]) .h3,
body:has([data-controller="registrations"]) .section-title,
.profile-section h3,
.profile-section .h3,
.profile-section .section-title,
.accordion-content h3,
.accordion-content .h3,
.section-title.accordion-header,
h3[class*="section"],
.h3[class*="section"],
[class*="section-title"] {
background: transparent !important;
color: #191A23 !important;
border: none !important;
border-bottom: 3px solid #B9FF66 !important;
font-family: var(--positivus-font) !important;
font-weight: 800 !important;
font-size: 1.4rem !important;
padding: 0 0 15px 0 !important;
margin: 0 0 20px 0 !important;
display: block !important;
}
/* Content sections - Always visible */
/* line 13640, app/assets/stylesheets/application.scss */
.accordion-content {
display: block !important;
/* Force always visible */
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
padding: 0 0 30px 0 !important;
background: transparent !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
}
/* ALL Form inputs styling - Ultra Compact & Consistent */
/* line 13655, app/assets/stylesheets/application.scss */
.registrations.edit input,
.registrations.edit select,
.registrations.edit textarea,
.registrations.edit .ant-input,
.registrations.edit .ant-input-outlined,
body:has([data-controller="registrations"]) input,
body:has([data-controller="registrations"]) select,
body:has([data-controller="registrations"]) textarea,
body:has([data-controller="registrations"]) .ant-input,
body:has([data-controller="registrations"]) .ant-input-outlined,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
select,
.form-control,
.form-select {
border: 2px solid #E5E5E5 !important;
border-radius: 6px !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
background: #FFFFFF !important;
padding: 8px 12px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
font-size: 0.9rem !important;
height: 38px !important;
/* Even more compact */
min-height: 38px !important;
max-height: 38px !important;
line-height: 1.2 !important;
box-sizing: border-box !important;
}
/* line 13689, app/assets/stylesheets/application.scss */
.registrations.edit input:focus, .registrations.edit input:hover,
.registrations.edit select:focus,
.registrations.edit select:hover,
.registrations.edit textarea:focus,
.registrations.edit textarea:hover,
.registrations.edit .ant-input:focus,
.registrations.edit .ant-input:hover,
.registrations.edit .ant-input-outlined:focus,
.registrations.edit .ant-input-outlined:hover,
body:has([data-controller="registrations"]) input:focus,
body:has([data-controller="registrations"]) input:hover,
body:has([data-controller="registrations"]) select:focus,
body:has([data-controller="registrations"]) select:hover,
body:has([data-controller="registrations"]) textarea:focus,
body:has([data-controller="registrations"]) textarea:hover,
body:has([data-controller="registrations"]) .ant-input:focus,
body:has([data-controller="registrations"]) .ant-input:hover,
body:has([data-controller="registrations"]) .ant-input-outlined:focus,
body:has([data-controller="registrations"]) .ant-input-outlined:hover,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="url"]:focus,
input[type="url"]:hover,
input[type="number"]:focus,
input[type="number"]:hover,
input[type="password"]:focus,
input[type="password"]:hover,
select:focus,
select:hover,
.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 1px rgba(185, 255, 102, 0.3) !important;
outline: none !important;
}
/* line 13696, app/assets/stylesheets/application.scss */
.registrations.edit input::-moz-placeholder, .registrations.edit select::-moz-placeholder, .registrations.edit textarea::-moz-placeholder, .registrations.edit .ant-input::-moz-placeholder, .registrations.edit .ant-input-outlined::-moz-placeholder, body:has([data-controller="registrations"]) input::-moz-placeholder, body:has([data-controller="registrations"]) select::-moz-placeholder, body:has([data-controller="registrations"]) textarea::-moz-placeholder, body:has([data-controller="registrations"]) .ant-input::-moz-placeholder, body:has([data-controller="registrations"]) .ant-input-outlined::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder {
color: #999999 !important;
opacity: 0.8 !important;
font-size: 0.85rem !important;
}
.registrations.edit input::placeholder,
.registrations.edit select::placeholder,
.registrations.edit textarea::placeholder,
.registrations.edit .ant-input::placeholder,
.registrations.edit .ant-input-outlined::placeholder,
body:has([data-controller="registrations"]) input::placeholder,
body:has([data-controller="registrations"]) select::placeholder,
body:has([data-controller="registrations"]) textarea::placeholder,
body:has([data-controller="registrations"]) .ant-input::placeholder,
body:has([data-controller="registrations"]) .ant-input-outlined::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
select::placeholder,
.form-control::placeholder,
.form-select::placeholder {
color: #999999 !important;
opacity: 0.8 !important;
font-size: 0.85rem !important;
}
/* Fix for double borders and padding in affix wrappers */
/* line 13704, app/assets/stylesheets/application.scss */
.ant-input-affix-wrapper .ant-input {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
height: auto !important;
min-height: unset !important;
}
/* Textarea specific styling */
/* line 13715, app/assets/stylesheets/application.scss */
.registrations.edit textarea,
body:has([data-controller="registrations"]) textarea,
textarea {
height: auto !important;
min-height: 80px !important;
resize: vertical !important;
padding: 10px 12px !important;
font-size: 0.9rem !important;
line-height: 1.4 !important;
}
/* ULTRA SPECIFIC - Target all form elements in ALL sections */
/* line 13727, app/assets/stylesheets/application.scss */
.profile-section input,
.profile-section select,
.profile-section textarea,
.accordion-content input,
.accordion-content select,
.accordion-content textarea,
.email-alerts-container input,
.email-alerts-container select,
.profile-info-container input,
.profile-info-container select {
border: 2px solid #E5E5E5 !important;
border-radius: 6px !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
background: #FFFFFF !important;
padding: 8px 12px !important;
font-size: 0.9rem !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
line-height: 1.2 !important;
box-sizing: border-box !important;
}
/* line 13750, app/assets/stylesheets/application.scss */
.profile-section input:focus, .profile-section input:hover,
.profile-section select:focus,
.profile-section select:hover,
.profile-section textarea:focus,
.profile-section textarea:hover,
.accordion-content input:focus,
.accordion-content input:hover,
.accordion-content select:focus,
.accordion-content select:hover,
.accordion-content textarea:focus,
.accordion-content textarea:hover,
.email-alerts-container input:focus,
.email-alerts-container input:hover,
.email-alerts-container select:focus,
.email-alerts-container select:hover,
.profile-info-container input:focus,
.profile-info-container input:hover,
.profile-info-container select:focus,
.profile-info-container select:hover {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 1px rgba(185, 255, 102, 0.3) !important;
outline: none !important;
}
/* Force override ANY existing styles */
/* line 13759, app/assets/stylesheets/application.scss */
body .registrations input,
body .registrations select,
body .edit input,
body .edit select {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 8px 12px !important;
font-size: 0.9rem !important;
}
/* Form grid layouts - Compact spacing */
/* line 13771, app/assets/stylesheets/application.scss */
.email-alerts-grid,
.profile-info-container,
.accordion-content .row {
display: grid !important;
gap: 15px !important;
/* Reduced gap */
margin-bottom: 20px !important;
/* Reduced margin */
}
/* line 13781, app/assets/stylesheets/application.scss */
.email-alerts-grid {
grid-template-columns: 1fr 1fr !important;
align-items: start !important;
/* Changed from end to start for better text visibility */
gap: 20px !important;
/* Increased gap for better spacing */
}
/* Fix email alerts field text overflow */
/* line 13790, app/assets/stylesheets/application.scss */
.email-alerts-field {
min-width: 0 !important;
/* Allow shrinking */
overflow: visible !important;
}
/* line 13796, app/assets/stylesheets/application.scss */
.email-alerts-field label,
.email-alerts-label {
white-space: normal !important;
/* Allow text wrapping */
word-wrap: break-word !important;
overflow-wrap: break-word !important;
margin-bottom: 8px !important;
line-height: 1.4 !important;
}
/* Responsive email alerts grid */
@media (max-width: 768px) {
/* line 13808, app/assets/stylesheets/application.scss */
.email-alerts-grid {
grid-template-columns: 1fr !important;
gap: 15px !important;
}
}
@media (max-width: 480px) {
/* line 13816, app/assets/stylesheets/application.scss */
.email-alerts-field label,
.email-alerts-label {
font-size: 0.85rem !important;
}
}
/* Email alerts labels - prevent text cutoff */
/* line 13823, app/assets/stylesheets/application.scss */
.email-alerts-label,
.email-alerts-field label,
label[for="job-type"],
label[for="frequency"] {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
text-overflow: initial !important;
overflow: visible !important;
max-width: 100% !important;
line-height: 1.4 !important;
margin-bottom: 8px !important;
}
/* Email alerts container fixes */
/* line 13838, app/assets/stylesheets/application.scss */
.email-alerts-container {
overflow: visible !important;
}
/* line 13842, app/assets/stylesheets/application.scss */
.email-alerts-field {
min-width: 0 !important;
overflow: visible !important;
flex-shrink: 1 !important;
}
/* Ensure proper grid behavior */
/* line 13849, app/assets/stylesheets/application.scss */
.email-alerts-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
overflow: visible !important;
}
@media (max-width: 768px) {
/* line 13855, app/assets/stylesheets/application.scss */
.email-alerts-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
/* line 13859, app/assets/stylesheets/application.scss */
.email-alerts-label,
.email-alerts-field label {
font-size: 0.85rem !important;
}
}
/* line 13865, app/assets/stylesheets/application.scss */
.accordion-content .form-group,
.accordion-content .ant-form-item {
margin-bottom: 15px !important;
/* Reduced from 20px */
}
/* Compact form sections */
/* line 13872, app/assets/stylesheets/application.scss */
.email-alerts-container,
.profile-info-container {
padding: 0 !important;
}
@media (max-width: 768px) {
/* line 13878, app/assets/stylesheets/application.scss */
.email-alerts-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
}
/* Form labels - Compact */
/* line 13885, app/assets/stylesheets/application.scss */
.registrations.edit .form-label,
body:has([data-controller="registrations"]) .form-label {
font-family: var(--positivus-font) !important;
color: #191A23 !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
/* Smaller label text */
margin-bottom: 5px !important;
/* Reduced margin */
display: block !important;
line-height: 1.3 !important;
}
/* =====================================================================
PROFESSIONAL SKILLS SECTION - MULTI-SELECT FIX
===================================================================== */
/* Professional Skills Grid Layout */
/* line 13903, app/assets/stylesheets/application.scss */
.professional-skills-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
@media (min-width: 768px) {
/* line 13911, app/assets/stylesheets/application.scss */
.professional-skills-grid {
grid-template-columns: 1fr 1fr !important;
}
}
/* line 13916, app/assets/stylesheets/application.scss */
.professional-skills-full {
grid-column: 1 / -1 !important;
margin-bottom: 1rem !important;
}
/* Multi-Select Elements - Override height restrictions */
/* line 13922, app/assets/stylesheets/application.scss */
#additional-skills.ant-input.css-qc8epr.ant-input-outlined,
#spoken-languages.ant-input.css-qc8epr.ant-input-outlined,
select.ant-input.css-qc8epr.ant-input-outlined[multiple] {
height: auto !important;
min-height: 50px !important;
max-height: none !important;
padding: 8px 12px !important;
border: 2px solid #E5E5E5 !important;
border-radius: 8px !important;
background-color: #ffffff !important;
font-family: "Space Mono", monospace !important;
font-size: 0.9rem !important;
color: #191A23 !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
box-sizing: border-box !important;
}
/* line 13938, app/assets/stylesheets/application.scss */
#additional-skills.ant-input.css-qc8epr.ant-input-outlined:hover,
#spoken-languages.ant-input.css-qc8epr.ant-input-outlined:hover,
select.ant-input.css-qc8epr.ant-input-outlined[multiple]:hover {
border-color: #B9FF66 !important;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.15) !important;
}
/* line 13943, app/assets/stylesheets/application.scss */
#additional-skills.ant-input.css-qc8epr.ant-input-outlined:focus,
#spoken-languages.ant-input.css-qc8epr.ant-input-outlined:focus,
select.ant-input.css-qc8epr.ant-input-outlined[multiple]:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
outline: none !important;
}
/* Bootstrap5-Tags Badge Styling */
/* line 13951, app/assets/stylesheets/application.scss */
#additional-skills .badge,
#spoken-languages .badge,
[data-controller="tags"] .badge {
font-family: "Space Mono", monospace !important;
font-size: 0.85rem !important;
padding: 4px 8px !important;
border-radius: 15px !important;
margin: 2px !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
border: 1px solid transparent !important;
transition: all 0.2s ease !important;
}
/* Additional Skills - Secondary Badge Style */
/* line 13969, app/assets/stylesheets/application.scss */
#additional-skills .badge,
[data-tags-badge-style-value="secondary"] .badge {
background-color: #6c757d !important;
color: #ffffff !important;
border-color: #6c757d !important;
}
/* line 13976, app/assets/stylesheets/application.scss */
#additional-skills .badge:hover,
[data-tags-badge-style-value="secondary"] .badge:hover {
background-color: #5a6268 !important;
border-color: #545b62 !important;
transform: translateY(-1px) !important;
}
/* Spoken Languages - Grey Badge Style */
/* line 13984, app/assets/stylesheets/application.scss */
#spoken-languages .badge,
[data-tags-badge-style-value="grey"] .badge {
background-color: #E5E5E5 !important;
color: #191A23 !important;
border-color: #d1d5db !important;
}
/* line 13991, app/assets/stylesheets/application.scss */
#spoken-languages .badge:hover,
[data-tags-badge-style-value="grey"] .badge:hover {
background-color: #d4d4d8 !important;
border-color: #a1a1aa !important;
transform: translateY(-1px) !important;
}
/* Badge Close Button Styling */
/* line 13999, app/assets/stylesheets/application.scss */
.badge .btn-close {
margin-left: 4px !important;
padding: 0 !important;
width: 14px !important;
height: 14px !important;
opacity: 0.7 !important;
transition: opacity 0.2s ease !important;
}
/* line 14008, app/assets/stylesheets/application.scss */
.badge .btn-close:hover {
opacity: 1 !important;
}
/* Multi-select container styling */
/* line 14013, app/assets/stylesheets/application.scss */
[data-controller="tags"] {
position: relative !important;
}
/* Ensure the tags input container has proper styling */
/* line 14018, app/assets/stylesheets/application.scss */
.tags-input {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 4px !important;
min-height: 46px !important;
padding: 6px 12px !important;
border: 2px solid #E5E5E5 !important;
border-radius: 8px !important;
background-color: #ffffff !important;
transition: all 0.3s ease !important;
}
/* line 14031, app/assets/stylesheets/application.scss */
.tags-input:hover {
border-color: #B9FF66 !important;
}
/* line 14035, app/assets/stylesheets/application.scss */
.tags-input:focus-within {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
}
/* Professional Skills Container */
/* line 14041, app/assets/stylesheets/application.scss */
.professional-skills-container {
padding: 0 !important;
}
/* line 14045, app/assets/stylesheets/application.scss */
.professional-skills-save-btn {
background: #B9FF66 !important;
border: 2px solid #191A23 !important;
border-radius: 6px !important;
color: #191A23 !important;
font-family: "Space Mono", monospace !important;
font-weight: 600 !important;
padding: 10px 20px !important;
margin-top: 1rem !important;
transition: all 0.3s ease !important;
}
/* line 14057, app/assets/stylesheets/application.scss */
.professional-skills-save-btn:hover {
background: #a8e654 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3) !important;
}
/* TARGETED - All profile edit buttons.
NOTE: bare `button[type="submit"]` / `input[type="submit"]` were removed from
this selector list. They globalized this profile-edit Positivus style to
EVERY submit button on any page loading application.css (marketing, employer,
and app-shell pages via content_for :legacy_css), hijacking unrelated
`button_to` controls — e.g. the notification panel's "Mark all read" /
dismiss buttons and any bare submit. Every legitimate CTA already carries its
own higher-specificity styling (see .post-job-submit-btn, .df-save-btn,
#submit-button, the _profile_edit_aihunt.scss modal rules, etc.), so scoping
this to the profile selectors + .btn-primary is safe. See PR #647. */
/* line 14073, app/assets/stylesheets/application.scss */
.registrations.edit button,
.registrations.edit .my-btn-primary-reserve-simple,
.registrations.edit .email-alerts-save-btn,
body:has([data-controller="registrations"]) button,
body:has([data-controller="registrations"]) .my-btn-primary-reserve-simple,
body:has([data-controller="registrations"]) .email-alerts-save-btn,
.profile-section button,
.accordion-content button,
.email-alerts-container button,
.profile-info-container button,
.profile-form-scrollable-container button,
.btn-primary {
background: #B9FF66 !important;
border: 2px solid #191A23 !important;
border-radius: 6px !important;
color: #191A23 !important;
font-family: var(--positivus-font) !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
padding: 10px 20px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
text-decoration: none !important;
display: inline-block !important;
cursor: pointer !important;
height: 38px !important;
line-height: 1.4 !important;
}
/* line 14100, app/assets/stylesheets/application.scss */
.registrations.edit button:hover,
.registrations.edit .my-btn-primary-reserve-simple:hover,
.registrations.edit .email-alerts-save-btn:hover,
body:has([data-controller="registrations"]) button:hover,
body:has([data-controller="registrations"]) .my-btn-primary-reserve-simple:hover,
body:has([data-controller="registrations"]) .email-alerts-save-btn:hover,
.profile-section button:hover,
.accordion-content button:hover,
.email-alerts-container button:hover,
.profile-info-container button:hover,
.profile-form-scrollable-container button:hover,
.btn-primary:hover {
background: #191A23 !important;
color: #B9FF66 !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 10px rgba(25, 26, 35, 0.2) !important;
}
/* Rich Text Editor Styling - Professional Bio */
/* line 14109, app/assets/stylesheets/application.scss */
.trix-editor,
.trix-content {
border: 2px solid #E5E5E5 !important;
border-radius: 6px !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
background: #FFFFFF !important;
padding: 12px 16px !important;
font-size: 0.9rem !important;
line-height: 1.5 !important;
min-height: 120px !important;
}
/* line 14121, app/assets/stylesheets/application.scss */
.trix-editor:focus,
.trix-content:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 1px rgba(185, 255, 102, 0.3) !important;
outline: none !important;
}
/* Trix toolbar styling */
/* line 14129, app/assets/stylesheets/application.scss */
.trix-button-row {
background: #F8F8F8 !important;
border: 2px solid #E5E5E5 !important;
border-bottom: none !important;
border-radius: 6px 6px 0 0 !important;
padding: 8px !important;
}
/* line 14136, app/assets/stylesheets/application.scss */
.trix-button-row .trix-button {
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
color: #191A23 !important;
font-size: 0.85rem !important;
padding: 4px 8px !important;
margin: 2px !important;
}
/* line 14145, app/assets/stylesheets/application.scss */
.trix-button-row .trix-button:hover {
background: #B9FF66 !important;
border-color: #191A23 !important;
}
/* line 14150, app/assets/stylesheets/application.scss */
.trix-button-row .trix-button.trix-active {
background: #B9FF66 !important;
border-color: #191A23 !important;
color: #191A23 !important;
}
/* Professional Bio section alignment */
/* line 14161, app/assets/stylesheets/application.scss */
.profile-section:has(.trix-editor) .trix-editor,
.accordion-content:has(.trix-editor) .trix-editor {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
/* Alert boxes styling - Minimal */
/* line 14168, app/assets/stylesheets/application.scss */
.registrations.edit .alert,
body:has([data-controller="registrations"]) .alert {
border: none !important;
border-left: 4px solid #B9FF66 !important;
border-radius: 8px !important;
font-family: var(--positivus-font) !important;
font-weight: 500 !important;
margin-bottom: 20px !important;
padding: 16px 20px !important;
/* Success alerts */
/* Warning alerts */
/* Error/Security alerts */
}
/* line 14179, app/assets/stylesheets/application.scss */
.registrations.edit .alert[style*="background: #dcfdf4"],
body:has([data-controller="registrations"]) .alert[style*="background: #dcfdf4"] {
background: rgba(185, 255, 102, 0.1) !important;
color: #191A23 !important;
border-left-color: #B9FF66 !important;
}
/* line 14186, app/assets/stylesheets/application.scss */
.registrations.edit .alert[style*="background: #fef3c7"],
body:has([data-controller="registrations"]) .alert[style*="background: #fef3c7"] {
background: rgba(255, 193, 7, 0.1) !important;
color: #191A23 !important;
border-left-color: #FFC107 !important;
}
/* line 14193, app/assets/stylesheets/application.scss */
.registrations.edit .alert[style*="background: #fef2f2"],
body:has([data-controller="registrations"]) .alert[style*="background: #fef2f2"] {
background: rgba(220, 53, 69, 0.1) !important;
color: #191A23 !important;
border-left-color: #DC3545 !important;
}
/* Progress bar styling */
/* line 14201, app/assets/stylesheets/application.scss */
.registrations.edit .progress,
body:has([data-controller="registrations"]) .progress {
background: #E5E5E5 !important;
border: 2px solid #191A23 !important;
border-radius: 15px !important;
height: 20px !important;
overflow: hidden !important;
}
/* line 14209, app/assets/stylesheets/application.scss */
.registrations.edit .progress .progress-bar,
body:has([data-controller="registrations"]) .progress .progress-bar {
background: #B9FF66 !important;
border-radius: 12px !important;
transition: width 0.6s ease !important;
}
/* Benefits list styling - Clean & Simple */
/* line 14219, app/assets/stylesheets/application.scss */
.registrations.edit ul li,
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section__Zq4YW ul li {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 8px 0 !important;
margin-bottom: 12px !important;
font-family: var(--positivus-font) !important;
color: #191A23 !important;
font-weight: 500 !important;
font-size: 1rem !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
border-left: 3px solid transparent !important;
padding-left: 15px !important;
}
/* line 14233, app/assets/stylesheets/application.scss */
.registrations.edit ul li:hover,
body:has([data-controller="registrations"]) .index_onboarding-v3-signup-layout-left-section__Zq4YW ul li:hover {
color: #B9FF66 !important;
border-left-color: #B9FF66 !important;
transform: translateX(5px) !important;
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
/* line 14243, app/assets/stylesheets/application.scss */
.modern-brand .positivus-logo .logo-text {
font-size: 1.45rem !important;
}
/* line 14247, app/assets/stylesheets/application.scss */
.modern-brand .positivus-logo .logo-accent-line {
width: 44px !important;
height: 3px !important;
}
/* line 14252, app/assets/stylesheets/application.scss */
.registrations.edit .index_onboarding-layout-container,
body:has([data-controller="registrations"]) .index_onboarding-layout-container {
padding: 20px 15px !important;
width: 95% !important;
}
/* line 14258, app/assets/stylesheets/application.scss */
.section-title.accordion-header {
font-size: 1.1rem !important;
padding: 15px 20px !important;
}
/* line 14263, app/assets/stylesheets/application.scss */
.index_onboarding-v3-signup-layout-main-title__PPbn8 {
font-size: 2.2rem !important;
}
/* line 14266, app/assets/stylesheets/application.scss */
.index_onboarding-v3-signup-layout-main-title__PPbn8 strong {
padding: 6px 15px !important;
margin: 0 4px !important;
}
/* line 14272, app/assets/stylesheets/application.scss */
.index_sign-up-form-title___c8NI {
font-size: 1.6rem !important;
}
/* line 14278, app/assets/stylesheets/application.scss */
.index_sign-up-form__V5r64 .ant-input,
.index_sign-up-form__V5r64 .ant-input-outlined {
padding: 14px 18px !important;
font-size: 1rem !important;
}
/* line 14284, app/assets/stylesheets/application.scss */
.index_sign-up-form__V5r64 .ant-input-affix-wrapper .ant-input {
padding: 14px 18px !important;
}
/* line 14288, app/assets/stylesheets/application.scss */
.index_sign-up-form__V5r64 .index_sign-up-button__ciVOR {
padding: 16px 20px !important;
font-size: 1.1rem !important;
}
/* Mobile logo adjustments */
/* line 14296, app/assets/stylesheets/application.scss */
.index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo {
font-size: 1.8rem !important;
}
/* line 14299, app/assets/stylesheets/application.scss */
.index_onboarding-v3-signup-layout-left-section-header__k018L .devfound-logo::after {
width: 50px !important;
height: 3px !important;
}
}
/* ============================================================================
FINAL SEARCH INPUT FIX - HIGHEST SPECIFICITY - EXACT jobcard.html Match
============================================================================ */
/* Ultimate fix with maximum specificity - EXACT reference implementation */
/* Target ONLY our search input with ultra-specific selector */
/* line 14312, app/assets/stylesheets/application.scss */
html body form#search_form input#myInput.modern-search-input[type="search"],
html body form#search_form input#myInput[type="search"],
html body input#myInput.modern-search-input,
html body input#myInput,
html body .modern-search-form input#myInput,
html body .search-input-wrapper input#myInput {
/* NUCLEAR WEBKIT OVERRIDE - Remove all browser search field styling */
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-border-radius: 9999px !important;
-moz-border-radius: 9999px !important;
/* EXACT reference: pl-10 pr-4 py-2 */
padding: 8px 16px 8px 40px !important;
/* pl-10=40px, pr-4=16px, py-2=8px */
text-indent: 0 !important;
text-align: left !important;
/* force left alignment from memory */
vertical-align: middle !important;
/* force middle alignment from memory */
box-sizing: border-box !important;
/* WEBKIT-SPECIFIC text positioning overrides */
-webkit-text-fill-color: #374151 !important;
-webkit-text-stroke: 0 !important;
/* EXACT reference colors and styling */
background-color: #ffffff !important;
/* bg-white */
border: 1px solid #d1d5db !important;
/* border */
border-radius: 9999px !important;
/* rounded-full */
font-size: 14px !important;
color: #374151 !important;
/* text-gray-700 */
font-family: 'Inter', sans-serif !important;
width: 100% !important;
height: auto !important;
line-height: normal !important;
/* WEBKIT search field decorations removal */
}
/* line 14355, app/assets/stylesheets/application.scss */
html body form#search_form input#myInput.modern-search-input[type="search"]::-webkit-search-decoration, html body form#search_form input#myInput.modern-search-input[type="search"]::-webkit-search-cancel-button, html body form#search_form input#myInput.modern-search-input[type="search"]::-webkit-search-results-button, html body form#search_form input#myInput.modern-search-input[type="search"]::-webkit-search-results-decoration,
html body form#search_form input#myInput[type="search"]::-webkit-search-decoration,
html body form#search_form input#myInput[type="search"]::-webkit-search-cancel-button,
html body form#search_form input#myInput[type="search"]::-webkit-search-results-button,
html body form#search_form input#myInput[type="search"]::-webkit-search-results-decoration,
html body input#myInput.modern-search-input::-webkit-search-decoration,
html body input#myInput.modern-search-input::-webkit-search-cancel-button,
html body input#myInput.modern-search-input::-webkit-search-results-button,
html body input#myInput.modern-search-input::-webkit-search-results-decoration,
html body input#myInput::-webkit-search-decoration,
html body input#myInput::-webkit-search-cancel-button,
html body input#myInput::-webkit-search-results-button,
html body input#myInput::-webkit-search-results-decoration,
html body .modern-search-form input#myInput::-webkit-search-decoration,
html body .modern-search-form input#myInput::-webkit-search-cancel-button,
html body .modern-search-form input#myInput::-webkit-search-results-button,
html body .modern-search-form input#myInput::-webkit-search-results-decoration,
html body .search-input-wrapper input#myInput::-webkit-search-decoration,
html body .search-input-wrapper input#myInput::-webkit-search-cancel-button,
html body .search-input-wrapper input#myInput::-webkit-search-results-button,
html body .search-input-wrapper input#myInput::-webkit-search-results-decoration {
-webkit-appearance: none !important;
display: none !important;
}
/* line 14363, app/assets/stylesheets/application.scss */
html body form#search_form input#myInput.modern-search-input[type="search"]::-moz-placeholder, html body form#search_form input#myInput[type="search"]::-moz-placeholder, html body input#myInput.modern-search-input::-moz-placeholder, html body input#myInput::-moz-placeholder, html body .modern-search-form input#myInput::-moz-placeholder, html body .search-input-wrapper input#myInput::-moz-placeholder {
color: #9ca3af !important;
/* text-gray-400 equivalent */
text-align: left !important;
text-indent: 0 !important;
-webkit-text-fill-color: #9ca3af !important;
}
html body form#search_form input#myInput.modern-search-input[type="search"]::placeholder,
html body form#search_form input#myInput[type="search"]::placeholder,
html body input#myInput.modern-search-input::placeholder,
html body input#myInput::placeholder,
html body .modern-search-form input#myInput::placeholder,
html body .search-input-wrapper input#myInput::placeholder {
color: #9ca3af !important;
/* text-gray-400 equivalent */
text-align: left !important;
text-indent: 0 !important;
-webkit-text-fill-color: #9ca3af !important;
}
/* line 14371, app/assets/stylesheets/application.scss */
html body form#search_form input#myInput.modern-search-input[type="search"]:focus,
html body form#search_form input#myInput[type="search"]:focus,
html body input#myInput.modern-search-input:focus,
html body input#myInput:focus,
html body .modern-search-form input#myInput:focus,
html body .search-input-wrapper input#myInput:focus {
outline: none !important;
/* focus:outline-none */
border-color: #d1d5db !important;
/* EXACT reference: focus:ring-2 focus:ring-lime-300 */
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.3) !important;
/* lime-300 */
text-align: left !important;
text-indent: 0 !important;
-webkit-text-fill-color: #374151 !important;
}
/* line 14383, app/assets/stylesheets/application.scss */
html body form#search_form input#myInput.modern-search-input[type="search"]:hover,
html body form#search_form input#myInput[type="search"]:hover,
html body input#myInput.modern-search-input:hover,
html body input#myInput:hover,
html body .modern-search-form input#myInput:hover,
html body .search-input-wrapper input#myInput:hover {
text-align: left !important;
text-indent: 0 !important;
}
/* NUCLEAR OPTION - Override ANY possible conflicting input[type="search"] rules */
/* line 14390, app/assets/stylesheets/application.scss */
input#myInput[type="search"] {
padding: 8px 16px 8px 40px !important;
text-indent: 0 !important;
text-align: left !important;
vertical-align: middle !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
/* WebKit text positioning fix */
-webkit-text-fill-color: #374151 !important;
}
/* line 14402, app/assets/stylesheets/application.scss */
input#myInput[type="search"]::-webkit-search-decoration {
-webkit-appearance: none !important;
display: none !important;
}
/* COMPLETELY DISABLE AND HIDE AUTOCOMPLETE */
/* line 14409, app/assets/stylesheets/application.scss */
.autocomplete-items,
[id*="autocomplete"],
.autocomplete-active,
#myInputautocomplete-list,
[id$="autocomplete-list"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
position: absolute !important;
left: -9999px !important;
z-index: -1 !important;
}
/* Ensure only one search icon is visible */
/* line 14426, app/assets/stylesheets/application.scss */
.search-input-wrapper .search-icon:not(:first-child) {
display: none !important;
}
/* Hide any duplicate search placeholders or overlays */
/* line 14431, app/assets/stylesheets/application.scss */
.search-input-wrapper > *:not(.search-icon):not(.modern-search-input) {
display: none !important;
}
/* BOOTSTRAP OVERRIDE - Neutralize Bootstrap's search field styling */
/* line 14436, app/assets/stylesheets/application.scss */
[type="search"] {
outline-offset: 0 !important;
-webkit-appearance: none !important;
}
/* ULTRA-SPECIFIC BOOTSTRAP NEUTRALIZATION - Target exact Bootstrap rule */
/* line 14442, app/assets/stylesheets/application.scss */
input#myInput[type="search"],
input#myInput[type="search"],
.modern-search-input[type="search"],
.modern-search-input[type="search"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
outline-offset: 0 !important;
/* Force WebKit to treat as regular text input */
-webkit-text-field-decorations: none !important;
-webkit-border-horizontal-spacing: 0 !important;
-webkit-border-vertical-spacing: 0 !important;
/* Reset any inherited text positioning */
text-indent: 0 !important;
text-align: left !important;
direction: ltr !important;
}
/* ============================================================================
STANDALONE JOB PAGE HEADER TEXT VISIBILITY FIX
============================================================================ */
/* Force white text visibility in standalone job page header */
/* line 14470, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header h1, .standalone-job-page .modern-job-details-header .h1,
.standalone-job-page .modern-job-details-header h2,
.standalone-job-page .modern-job-details-header .h2,
.standalone-job-page .modern-job-details-header h3,
.standalone-job-page .modern-job-details-header .h3,
.standalone-job-page .modern-job-details-header h4,
.standalone-job-page .modern-job-details-header .h4,
.standalone-job-page .modern-job-details-header h5,
.standalone-job-page .modern-job-details-header .h5,
.standalone-job-page .modern-job-details-header h6,
.standalone-job-page .modern-job-details-header .h6,
.standalone-header h1,
.standalone-header .h1,
.standalone-header h2,
.standalone-header .h2,
.standalone-header h3,
.standalone-header .h3,
.standalone-header h4,
.standalone-header .h4,
.standalone-header h5,
.standalone-header .h5,
.standalone-header h6,
.standalone-header .h6 {
color: white !important;
visibility: visible !important;
}
/* line 14480, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header a,
.standalone-header a {
color: white !important;
}
/* line 14483, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header a:hover,
.standalone-header a:hover {
color: rgba(255, 255, 255, 0.9) !important;
}
/* line 14488, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header .job-title-details,
.standalone-job-page .modern-job-details-header .job-title-details-link,
.standalone-header .job-title-details,
.standalone-header .job-title-details-link {
color: white !important;
}
/* line 14492, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header .job-title-details h1, .standalone-job-page .modern-job-details-header .job-title-details .h1,
.standalone-job-page .modern-job-details-header .job-title-details-link h1,
.standalone-job-page .modern-job-details-header .job-title-details-link .h1,
.standalone-header .job-title-details h1,
.standalone-header .job-title-details .h1,
.standalone-header .job-title-details-link h1,
.standalone-header .job-title-details-link .h1 {
color: white !important;
}
/* line 14497, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header .company-link-details,
.standalone-job-page .modern-job-details-header .company-name-details,
.standalone-header .company-link-details,
.standalone-header .company-name-details {
color: white !important;
opacity: 0.9;
}
/* line 14502, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header .company-link-details:hover,
.standalone-job-page .modern-job-details-header .company-name-details:hover,
.standalone-header .company-link-details:hover,
.standalone-header .company-name-details:hover {
opacity: 1;
color: white !important;
}
/* ============================================================================
STANDALONE JOB PAGE SPECIFIC TEXT VISIBILITY OVERRIDES
============================================================================ */
/* Ultra-specific overrides for standalone job page header text visibility */
/* line 14514, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header {
/* Force all text elements to be white with maximum specificity */
/* Specific targeting for job title */
/* Specific targeting for company name */
/* Override any potential inherited styles */
/* Force meta text to be white */
/* Force admin text to be white */
}
/* line 14517, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header h1, .standalone-job-page .modern-job-details-header.standalone-header .h1,
.standalone-job-page .modern-job-details-header.standalone-header h2,
.standalone-job-page .modern-job-details-header.standalone-header .h2,
.standalone-job-page .modern-job-details-header.standalone-header h3,
.standalone-job-page .modern-job-details-header.standalone-header .h3,
.standalone-job-page .modern-job-details-header.standalone-header h4,
.standalone-job-page .modern-job-details-header.standalone-header .h4,
.standalone-job-page .modern-job-details-header.standalone-header h5,
.standalone-job-page .modern-job-details-header.standalone-header .h5,
.standalone-job-page .modern-job-details-header.standalone-header h6,
.standalone-job-page .modern-job-details-header.standalone-header .h6,
.standalone-job-page .modern-job-details-header.standalone-header p,
.standalone-job-page .modern-job-details-header.standalone-header span,
.standalone-job-page .modern-job-details-header.standalone-header div,
.standalone-job-page .modern-job-details-header.standalone-header a {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
text-shadow: none !important;
}
/* line 14534, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header .job-title-details {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
text-shadow: none !important;
font-size: 24px !important;
font-weight: 700 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 14545, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header .company-link-details {
color: white !important;
opacity: 0.8 !important;
visibility: visible !important;
text-shadow: none !important;
font-size: 16px !important;
font-weight: 400 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 14556, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header * {
color: white !important;
}
/* line 14561, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header .meta-text {
color: white !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 14568, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-header.standalone-header p[style*="opacity: 0.7"] {
color: white !important;
opacity: 0.7 !important;
visibility: visible !important;
}
/* ============================================================================
STANDALONE JOB PAGE STYLES - MODERN DESIGN SYSTEM
============================================================================ */
/* Standalone Job Page Container */
/* line 14580, app/assets/stylesheets/application.scss */
.standalone-job-page {
max-width: 1200px;
margin: 0 auto;
padding: 24px;
background: transparent;
}
@media (max-width: 768px) {
/* line 14580, app/assets/stylesheets/application.scss */
.standalone-job-page {
padding: 16px;
}
}
/* Standalone Header Styling */
/* line 14592, app/assets/stylesheets/application.scss */
.standalone-header {
margin-bottom: 0 !important;
}
@media (max-width: 768px) {
/* line 14592, app/assets/stylesheets/application.scss */
.standalone-header {
margin-bottom: 0 !important;
}
}
/* Standalone Header Content */
/* line 14601, app/assets/stylesheets/application.scss */
.standalone-header-content {
width: 100%;
}
/* Full Width Layout for Standalone Page */
/* line 14606, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-details-container {
max-width: none;
width: 100%;
}
/* Responsive Layout for Standalone Page */
@media (max-width: 768px) {
/* line 14614, app/assets/stylesheets/application.scss */
.standalone-job-page .job-details-header-content {
flex-direction: column;
gap: 16px;
}
/* line 14619, app/assets/stylesheets/application.scss */
.standalone-job-page .company-info-details {
flex-direction: row;
align-items: center;
}
/* line 14624, app/assets/stylesheets/application.scss */
.standalone-job-page .company-logo-section {
margin-right: 16px;
}
/* line 14628, app/assets/stylesheets/application.scss */
.standalone-job-page .job-title-details {
font-size: 20px !important;
}
/* line 14632, app/assets/stylesheets/application.scss */
.standalone-job-page .company-link-details {
font-size: 14px !important;
}
}
/* Posted Time Section */
/* line 14639, app/assets/stylesheets/application.scss */
.posted-time-section {
border-bottom: 1px solid #E5E7EB;
padding-bottom: 16px;
margin-bottom: 24px !important;
}
/* Override any inherited styles for clean design */
/* line 14646, app/assets/stylesheets/application.scss */
.standalone-job-page * {
box-sizing: border-box;
}
/* Ensure proper text color inheritance */
/* line 14651, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-content {
color: #191A23 !important;
}
/* line 14654, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-content * {
color: inherit !important;
}
/* line 14658, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-content h1, .standalone-job-page .modern-job-content .h1,
.standalone-job-page .modern-job-content h2,
.standalone-job-page .modern-job-content .h2,
.standalone-job-page .modern-job-content h3,
.standalone-job-page .modern-job-content .h3,
.standalone-job-page .modern-job-content h4,
.standalone-job-page .modern-job-content .h4,
.standalone-job-page .modern-job-content h5,
.standalone-job-page .modern-job-content .h5,
.standalone-job-page .modern-job-content h6,
.standalone-job-page .modern-job-content .h6 {
color: #191A23 !important;
}
/* line 14667, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-content a {
color: #2563EB !important;
/* Blue links for better contrast */
}
/* line 14671, app/assets/stylesheets/application.scss */
.standalone-job-page .modern-job-content a:hover {
color: #1D4ED8 !important;
}
/* Benefits Section if Needed */
/* line 14678, app/assets/stylesheets/application.scss */
.standalone-benefits-section {
padding: 16px 0;
border-top: 1px solid #E5E7EB;
margin-top: 24px;
}
/* line 14683, app/assets/stylesheets/application.scss */
.standalone-benefits-section h3, .standalone-benefits-section .h3 {
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 12px !important;
color: #191A23 !important;
}
/* line 14690, app/assets/stylesheets/application.scss */
.standalone-benefits-section p {
font-size: 14px !important;
color: #6B7280 !important;
margin: 0 !important;
}
/* ============================================================================
STANDALONE JOB PAGE TAG STYLING - MATCH REFERENCE DESIGN
============================================================================ */
/* Override tag styling for standalone job page to match reference design */
/* line 14707, app/assets/stylesheets/application.scss */
.standalone-job-page .tags-section .my-badge,
.standalone-job-page .tags-section .my-badge-secondary,
.standalone-job-page .tags-section .my-badge-primary,
.standalone-additional-sections .tags-section .my-badge,
.standalone-additional-sections .tags-section .my-badge-secondary,
.standalone-additional-sections .tags-section .my-badge-primary,
.standalone-job-page .similar-jobs-section .my-badge,
.standalone-job-page .similar-jobs-section .my-badge-secondary,
.standalone-job-page .similar-jobs-section .my-badge-primary,
.standalone-additional-sections .similar-jobs-section .my-badge,
.standalone-additional-sections .similar-jobs-section .my-badge-secondary,
.standalone-additional-sections .similar-jobs-section .my-badge-primary {
background: #F3F4F6 !important;
/* gray-100 like reference */
color: #374151 !important;
/* gray-700 like reference */
border: 1px solid #E5E7EB !important;
/* light gray border */
padding: 4px 12px !important;
/* px-3 py-1 like reference */
border-radius: 9999px !important;
/* rounded-full like reference */
font-size: 12px !important;
/* text-xs like reference */
font-weight: 500 !important;
/* medium weight like reference */
font-family: 'Inter', sans-serif !important;
text-decoration: none !important;
display: inline-block !important;
margin: 2px !important;
transition: background-color 0.2s ease !important;
}
/* line 14730, app/assets/stylesheets/application.scss */
.standalone-job-page .tags-section .my-badge a,
.standalone-job-page .tags-section .my-badge-secondary a,
.standalone-job-page .tags-section .my-badge-primary a,
.standalone-additional-sections .tags-section .my-badge a,
.standalone-additional-sections .tags-section .my-badge-secondary a,
.standalone-additional-sections .tags-section .my-badge-primary a,
.standalone-job-page .similar-jobs-section .my-badge a,
.standalone-job-page .similar-jobs-section .my-badge-secondary a,
.standalone-job-page .similar-jobs-section .my-badge-primary a,
.standalone-additional-sections .similar-jobs-section .my-badge a,
.standalone-additional-sections .similar-jobs-section .my-badge-secondary a,
.standalone-additional-sections .similar-jobs-section .my-badge-primary a {
color: #374151 !important;
/* gray-700 like reference */
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
}
/* line 14736, app/assets/stylesheets/application.scss */
.standalone-job-page .tags-section .my-badge a:hover,
.standalone-job-page .tags-section .my-badge-secondary a:hover,
.standalone-job-page .tags-section .my-badge-primary a:hover,
.standalone-additional-sections .tags-section .my-badge a:hover,
.standalone-additional-sections .tags-section .my-badge-secondary a:hover,
.standalone-additional-sections .tags-section .my-badge-primary a:hover,
.standalone-job-page .similar-jobs-section .my-badge a:hover,
.standalone-job-page .similar-jobs-section .my-badge-secondary a:hover,
.standalone-job-page .similar-jobs-section .my-badge-primary a:hover,
.standalone-additional-sections .similar-jobs-section .my-badge a:hover,
.standalone-additional-sections .similar-jobs-section .my-badge-secondary a:hover,
.standalone-additional-sections .similar-jobs-section .my-badge-primary a:hover {
color: #374151 !important;
}
/* line 14741, app/assets/stylesheets/application.scss */
.standalone-job-page .tags-section .my-badge:hover,
.standalone-job-page .tags-section .my-badge-secondary:hover,
.standalone-job-page .tags-section .my-badge-primary:hover,
.standalone-additional-sections .tags-section .my-badge:hover,
.standalone-additional-sections .tags-section .my-badge-secondary:hover,
.standalone-additional-sections .tags-section .my-badge-primary:hover,
.standalone-job-page .similar-jobs-section .my-badge:hover,
.standalone-job-page .similar-jobs-section .my-badge-secondary:hover,
.standalone-job-page .similar-jobs-section .my-badge-primary:hover,
.standalone-additional-sections .similar-jobs-section .my-badge:hover,
.standalone-additional-sections .similar-jobs-section .my-badge-secondary:hover,
.standalone-additional-sections .similar-jobs-section .my-badge-primary:hover {
background: #E5E7EB !important;
/* gray-200 on hover like reference */
color: #374151 !important;
}
/* line 14746, app/assets/stylesheets/application.scss */
.standalone-job-page .tags-section .my-badge:hover a,
.standalone-job-page .tags-section .my-badge-secondary:hover a,
.standalone-job-page .tags-section .my-badge-primary:hover a,
.standalone-additional-sections .tags-section .my-badge:hover a,
.standalone-additional-sections .tags-section .my-badge-secondary:hover a,
.standalone-additional-sections .tags-section .my-badge-primary:hover a,
.standalone-job-page .similar-jobs-section .my-badge:hover a,
.standalone-job-page .similar-jobs-section .my-badge-secondary:hover a,
.standalone-job-page .similar-jobs-section .my-badge-primary:hover a,
.standalone-additional-sections .similar-jobs-section .my-badge:hover a,
.standalone-additional-sections .similar-jobs-section .my-badge-secondary:hover a,
.standalone-additional-sections .similar-jobs-section .my-badge-primary:hover a {
color: #374151 !important;
}
/* ============================================================================
STANDALONE JOB PAGE LOCATION LINKS - MATCH REFERENCE DESIGN
============================================================================ */
/* Location links styling to match reference design */
/* line 14760, app/assets/stylesheets/application.scss */
.standalone-job-page .location-links-section a,
.standalone-additional-sections .location-links-section a {
color: #2563EB !important;
/* Blue color like reference */
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
}
/* line 14768, app/assets/stylesheets/application.scss */
.standalone-job-page .location-links-section a:hover,
.standalone-additional-sections .location-links-section a:hover {
color: #1D4ED8 !important;
/* Darker blue on hover */
text-decoration: underline !important;
}
/* line 14775, app/assets/stylesheets/application.scss */
.standalone-job-page .location-links-section span,
.standalone-additional-sections .location-links-section span {
color: #6B7280 !important;
/* Gray for separators */
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
}
/* line 14782, app/assets/stylesheets/application.scss */
.standalone-job-page .location-links-section p,
.standalone-additional-sections .location-links-section p {
color: #6B7280 !important;
/* Gray for location text */
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
margin: 0 !important;
}
/* ============================================================================
STANDALONE JOB PAGE SECTIONS STYLING
============================================================================ */
/* Salary info section */
/* line 14798, app/assets/stylesheets/application.scss */
.standalone-job-page .salary-info-section h2, .standalone-job-page .salary-info-section .h2,
.standalone-additional-sections .salary-info-section h2,
.standalone-additional-sections .salary-info-section .h2 {
color: #191A23 !important;
font-family: 'Inter', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
margin-bottom: 24px !important;
}
/* line 14806, app/assets/stylesheets/application.scss */
.standalone-job-page .salary-info-section p,
.standalone-additional-sections .salary-info-section p {
color: #6B7280 !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
}
/* line 14811, app/assets/stylesheets/application.scss */
.standalone-job-page .salary-info-section p a,
.standalone-additional-sections .salary-info-section p a {
color: #2563EB !important;
text-decoration: none !important;
}
/* line 14815, app/assets/stylesheets/application.scss */
.standalone-job-page .salary-info-section p a:hover,
.standalone-additional-sections .salary-info-section p a:hover {
color: #1D4ED8 !important;
text-decoration: underline !important;
}
/* Similar jobs section */
/* line 14824, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section,
.standalone-additional-sections .similar-jobs-section {
/* Style modern job cards within similar jobs section */
}
/* line 14826, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section h2, .standalone-job-page .similar-jobs-section .h2,
.standalone-additional-sections .similar-jobs-section h2,
.standalone-additional-sections .similar-jobs-section .h2 {
color: #191A23 !important;
font-family: 'Inter', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
margin-bottom: 24px !important;
}
/* line 14833, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section h2 a, .standalone-job-page .similar-jobs-section .h2 a,
.standalone-additional-sections .similar-jobs-section h2 a,
.standalone-additional-sections .similar-jobs-section .h2 a {
color: #191A23 !important;
text-decoration: none !important;
}
/* line 14837, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section h2 a:hover, .standalone-job-page .similar-jobs-section .h2 a:hover,
.standalone-additional-sections .similar-jobs-section h2 a:hover,
.standalone-additional-sections .similar-jobs-section .h2 a:hover {
color: #374151 !important;
}
/* line 14844, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card,
.standalone-job-page .similar-jobs-section .standalone-job-card,
.standalone-additional-sections .similar-jobs-section .modern-job-card,
.standalone-additional-sections .similar-jobs-section .standalone-job-card {
border: 3px solid #191A23 !important;
/* Positivius black border */
background: white !important;
border-radius: 35px !important;
/* Positivius radius */
padding: 16px !important;
margin-bottom: 16px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
transition: all 0.2s ease !important;
}
/* line 14856, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card:hover,
.standalone-job-page .similar-jobs-section .standalone-job-card:hover,
.standalone-additional-sections .similar-jobs-section .modern-job-card:hover,
.standalone-additional-sections .similar-jobs-section .standalone-job-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-1px) !important;
}
/* line 14861, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .company-avatar,
.standalone-job-page .similar-jobs-section .standalone-job-card .company-avatar,
.standalone-additional-sections .similar-jobs-section .modern-job-card .company-avatar,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .company-avatar {
width: 48px !important;
height: 48px !important;
background: #191A23 !important;
color: white !important;
border-radius: 8px !important;
font-weight: 700 !important;
font-size: 18px !important;
font-family: 'Inter', sans-serif !important;
}
/* line 14872, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .company-avatar-img,
.standalone-job-page .similar-jobs-section .standalone-job-card .company-avatar-img,
.standalone-additional-sections .similar-jobs-section .modern-job-card .company-avatar-img,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .company-avatar-img {
width: 48px !important;
height: 48px !important;
border-radius: 8px !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
/* line 14879, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-title,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-title,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-title,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-title {
color: #191A23 !important;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 0 4px 0 !important;
}
/* line 14886, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-title:hover,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-title:hover,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-title:hover,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-title:hover {
color: #374151 !important;
}
/* line 14891, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .company-name,
.standalone-job-page .similar-jobs-section .standalone-job-card .company-name,
.standalone-additional-sections .similar-jobs-section .modern-job-card .company-name,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .company-name {
color: #6B7280 !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
margin: 0 !important;
}
/* line 14898, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .company-name:hover,
.standalone-job-page .similar-jobs-section .standalone-job-card .company-name:hover,
.standalone-additional-sections .similar-jobs-section .modern-job-card .company-name:hover,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .company-name:hover {
color: #374151 !important;
}
/* line 14903, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .location-text,
.standalone-job-page .similar-jobs-section .modern-job-card .location-link,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-text,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-link,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-text,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-link,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-text,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-link {
color: #6B7280 !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
}
/* line 14909, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .location-text:hover,
.standalone-job-page .similar-jobs-section .modern-job-card .location-link:hover,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-text:hover,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-link:hover,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-text:hover,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-link:hover,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-text:hover,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-link:hover {
color: #2563EB !important;
}
/* line 14914, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .location-icon,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-icon,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-icon,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-icon {
width: 16px !important;
height: 16px !important;
stroke: #6B7280 !important;
}
/* line 14920, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .salary-text,
.standalone-job-page .similar-jobs-section .standalone-job-card .salary-text,
.standalone-additional-sections .similar-jobs-section .modern-job-card .salary-text,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .salary-text {
color: #059669 !important;
/* Green for salary */
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
}
/* line 14928, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .salary-icon,
.standalone-job-page .similar-jobs-section .standalone-job-card .salary-icon,
.standalone-additional-sections .similar-jobs-section .modern-job-card .salary-icon,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .salary-icon {
width: 16px !important;
height: 16px !important;
stroke: #059669 !important;
}
/* line 14934, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .posted-time,
.standalone-job-page .similar-jobs-section .standalone-job-card .posted-time,
.standalone-additional-sections .similar-jobs-section .modern-job-card .posted-time,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .posted-time {
color: #9CA3AF !important;
/* Light gray for time */
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
}
/* line 14941, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-card-header,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-card-header,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-card-header,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-card-header {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
margin-bottom: 12px !important;
}
/* line 14948, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .company-info,
.standalone-job-page .similar-jobs-section .standalone-job-card .company-info,
.standalone-additional-sections .similar-jobs-section .modern-job-card .company-info,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .company-info {
display: flex !important;
gap: 12px !important;
flex: 1 !important;
}
/* line 14954, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-details,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-details,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-details,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-details {
flex: 1 !important;
min-width: 0 !important;
}
/* line 14959, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-meta-info,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-meta-info,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-meta-info,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-meta-info {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
margin-bottom: 12px !important;
align-items: center !important;
}
/* line 14967, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .location-section,
.standalone-job-page .similar-jobs-section .modern-job-card .salary-section,
.standalone-job-page .similar-jobs-section .standalone-job-card .location-section,
.standalone-job-page .similar-jobs-section .standalone-job-card .salary-section,
.standalone-additional-sections .similar-jobs-section .modern-job-card .location-section,
.standalone-additional-sections .similar-jobs-section .modern-job-card .salary-section,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .location-section,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .salary-section {
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
/* line 14974, app/assets/stylesheets/application.scss */
.standalone-job-page .similar-jobs-section .modern-job-card .job-tags,
.standalone-job-page .similar-jobs-section .standalone-job-card .job-tags,
.standalone-additional-sections .similar-jobs-section .modern-job-card .job-tags,
.standalone-additional-sections .similar-jobs-section .standalone-job-card .job-tags {
margin-top: 8px !important;
}
/* Standalone Similar Jobs Grid Layout */
/* line 14981, app/assets/stylesheets/application.scss */
.standalone-similar-jobs {
/* Ensure consistent card styling */
}
/* line 14982, app/assets/stylesheets/application.scss */
.standalone-similar-jobs .modern-jobs-grid-content {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
gap: 16px !important;
}
@media (max-width: 768px) {
/* line 14982, app/assets/stylesheets/application.scss */
.standalone-similar-jobs .modern-jobs-grid-content {
grid-template-columns: 1fr !important;
}
}
/* line 14993, app/assets/stylesheets/application.scss */
.standalone-similar-jobs .modern-job-card {
cursor: pointer !important;
}
/* line 14996, app/assets/stylesheets/application.scss */
.standalone-similar-jobs .modern-job-card:hover {
border-color: #191A23 !important;
/* Keep black border on hover */
}
/* line 15001, app/assets/stylesheets/application.scss */
.standalone-similar-jobs .modern-job-card:focus {
outline: 2px solid #B9FF66 !important;
outline-offset: 2px !important;
}
/* Recommended users section */
/* line 15011, app/assets/stylesheets/application.scss */
.standalone-job-page .recommended-users-section h2, .standalone-job-page .recommended-users-section .h2,
.standalone-additional-sections .recommended-users-section h2,
.standalone-additional-sections .recommended-users-section .h2 {
color: #191A23 !important;
font-family: 'Inter', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
margin-bottom: 24px !important;
}
/* line 15019, app/assets/stylesheets/application.scss */
.standalone-job-page .recommended-users-section .hire-link-section a,
.standalone-additional-sections .recommended-users-section .hire-link-section a {
color: #2563EB !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-weight: 600 !important;
}
/* line 15025, app/assets/stylesheets/application.scss */
.standalone-job-page .recommended-users-section .hire-link-section a:hover,
.standalone-additional-sections .recommended-users-section .hire-link-section a:hover {
color: #1D4ED8 !important;
text-decoration: underline !important;
}
/* Make sure header has static positioning within column */
/* line 15033, app/assets/stylesheets/application.scss */
.modern-job-details-header {
background-color: #191A23 !important;
color: white !important;
padding: 20px 24px !important;
border-radius: 12px !important;
font-family: 'Inter', sans-serif !important;
min-height: auto !important;
height: auto !important;
position: static !important;
/* Static positioning within column */
margin-bottom: 24px !important;
}
/* line 15046, app/assets/stylesheets/application.scss */
.modern-job-details-header .company-avatar-large {
width: 40px !important;
height: 40px !important;
border-radius: 6px !important;
font-size: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #4B5563 !important;
color: white !important;
}
/* line 15058, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-title-details {
font-size: 18px !important;
font-weight: 700 !important;
color: white !important;
margin: 0 !important;
line-height: 1.1 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 15067, app/assets/stylesheets/application.scss */
.modern-job-details-header .company-link-details {
font-size: 12px !important;
color: #9CA3AF !important;
font-family: 'Inter', sans-serif !important;
text-decoration: none !important;
line-height: 1.1 !important;
}
/* line 15075, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-details-meta {
margin-top: 8px !important;
padding-top: 8px !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/* line 15081, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-details-grid {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin: 0 !important;
}
/* line 15089, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item .meta-icon {
width: 12px !important;
height: 12px !important;
stroke: #D1D5DB !important;
}
/* line 15095, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item .meta-text {
font-size: 11px !important;
color: #D1D5DB !important;
font-family: 'Inter', sans-serif !important;
}
/* Fix external link icon (share button) - make it lime green and position properly */
/* line 15102, app/assets/stylesheets/application.scss */
.modern-job-details-header .external-link-section {
position: absolute !important;
top: 16px !important;
right: 16px !important;
z-index: 10 !important;
}
/* line 15109, app/assets/stylesheets/application.scss */
.modern-job-details-header .external-link-section a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
background: #B9FF66 !important;
color: #191A23 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
/* line 15122, app/assets/stylesheets/application.scss */
.modern-job-details-header .external-link-section .myicon {
width: 20px !important;
height: 20px !important;
background-color: #191A23 !important;
}
/* Position Apply button on the right side, aligned horizontally with heart icon at bottom */
/* line 15129, app/assets/stylesheets/application.scss */
.modern-job-details-header .apply-actions-section {
position: absolute !important;
right: 72px !important;
/* Right of heart icon with gap */
bottom: 12px !important;
/* Same bottom position as heart icon */
z-index: 10 !important;
}
/* ULTIMATE APPLY BUTTON POSITIONING - HIGHEST SPECIFICITY */
/* line 15139, app/assets/stylesheets/application.scss */
header.modern-job-details-header .apply-actions-section,
.modern-job-details-header.standalone-header .apply-actions-section,
div.modern-job-details-header .apply-actions-section {
position: absolute !important;
right: 72px !important;
bottom: 12px !important;
top: auto !important;
left: auto !important;
transform: none !important;
z-index: 15 !important;
}
/* line 15151, app/assets/stylesheets/application.scss */
.modern-job-details-header .desktop-apply-btn {
padding: 8px 16px !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 8px !important;
background: #B9FF66 !important;
color: #191A23 !important;
text-decoration: none !important;
border: none !important;
font-family: 'Inter', sans-serif !important;
white-space: nowrap !important;
}
/* Fix heart icon - make it lime green and position with proper gap from share icon */
/* line 15165, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item.favorite-item {
position: absolute !important;
right: 16px !important;
bottom: 12px !important;
/* Align with apply button at bottom */
z-index: 10 !important;
}
/* line 15173, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item.favorite-item .btn {
background: #B9FF66 !important;
border: none !important;
border-radius: 8px !important;
padding: 8px !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s ease !important;
}
/* line 15186, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item.favorite-item .myicon {
width: 20px !important;
height: 20px !important;
background-color: #191A23 !important;
}
/* FORCE LIME GREEN FOR BOTH ICONS - ULTIMATE OVERRIDE */
/* line 15193, app/assets/stylesheets/application.scss */
.modern-job-details-header .external-link-section a .myicon,
.modern-job-details-header .job-meta-item.favorite-item .myicon,
.modern-job-details-header .myicon {
background: #191A23 !important;
background-color: #191A23 !important;
}
/* Override any inline styles for heart icon */
/* line 15201, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-meta-item.favorite-item .btn .myicon[style*="background"] {
background: #191A23 !important;
background-color: #191A23 !important;
}
/* Override any inline styles for external link icon */
/* line 15207, app/assets/stylesheets/application.scss */
.modern-job-details-header .external-link-section .myicon[style*="background"] {
background: #191A23 !important;
background-color: #191A23 !important;
}
/* POSITION APPLY BUTTON IN CENTER-RIGHT AREA */
/* line 15213, app/assets/stylesheets/application.scss */
.modern-job-details-header .apply-actions-section,
.job-details-header-content .apply-actions-section,
header .apply-actions-section,
.job-details-meta .apply-actions-section {
position: absolute !important;
top: 50% !important;
right: 80px !important;
/* Position between content and icons */
transform: translateY(-50%) !important;
/* Vertically center */
left: auto !important;
bottom: auto !important;
margin: 0 !important;
z-index: 20 !important;
}
/* OVERRIDE INLINE STYLES IN JOB_TURBO.HTML.ERB */
/* line 15230, app/assets/stylesheets/application.scss */
.modern-job-details-header .job-title-details[style] {
font-size: 18px !important;
color: white !important;
font-weight: 700 !important;
line-height: 1.1 !important;
font-family: 'Inter', sans-serif !important;
}
/* line 15238, app/assets/stylesheets/application.scss */
.modern-job-details-header .company-link-details[style] {
font-size: 12px !important;
color: #9CA3AF !important;
font-family: 'Inter', sans-serif !important;
text-decoration: none !important;
line-height: 1.1 !important;
}
/* ============================================================================
POSITIVIUS ANIMATION KEYFRAMES - BOLD & PLAYFUL
============================================================================ */
/* Tag pulse animation when card is hovered - ENHANCED for NEW badge */
@keyframes positivius-tag-pulse {
0%,
100% {
transform: scale(1);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.5);
}
50% {
transform: scale(1.08);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.8);
}
}
/* Button bounce animation when card is hovered */
@keyframes positivius-button-bounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
/* Floating animation for decorative elements */
@keyframes positivius-float {
0%,
100% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-10px) rotate(5deg);
}
}
/* Pulsing glow animation */
@keyframes positivius-glow {
0%,
100% {
box-shadow: 0 0 10px rgba(185, 255, 102, 0.3);
}
50% {
box-shadow: 0 0 25px rgba(185, 255, 102, 0.6);
}
}
/* Fade in from bottom animation */
@keyframes positivius-fade-in-up {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Scale in animation */
@keyframes positivius-scale-in {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* Slide in from right animation */
@keyframes positivius-slide-in-right {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Progress bar fill animation */
@keyframes positivius-progress-fill {
from {
width: 0;
}
to {
width: 100%;
}
}
/* ============================================================================
POSITIVIUS UTILITY CLASSES - DECORATIVE ELEMENTS
============================================================================ */
/* line 15358, app/assets/stylesheets/application.scss */
.positivius-circle-decorator {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: 0;
}
/* line 15364, app/assets/stylesheets/application.scss */
.positivius-circle-decorator.lime {
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%);
opacity: 0.1;
}
/* line 15369, app/assets/stylesheets/application.scss */
.positivius-circle-decorator.black {
background: #191A23;
opacity: 0.05;
}
/* line 15374, app/assets/stylesheets/application.scss */
.positivius-circle-decorator.floating {
animation: positivius-float 6s ease-in-out infinite;
}
/* line 15379, app/assets/stylesheets/application.scss */
.positivius-highlight {
background: #B9FF66;
padding: 2px 6px;
border-radius: 4px;
color: #191A23;
font-weight: 600;
}
/* line 15387, app/assets/stylesheets/application.scss */
.positivius-pulse {
animation: positivius-tag-pulse 2s ease-in-out infinite;
}
/* line 15391, app/assets/stylesheets/application.scss */
.positivius-glow-hover {
transition: all 0.3s ease;
}
/* line 15394, app/assets/stylesheets/application.scss */
.positivius-glow-hover:hover {
animation: positivius-glow 1.5s ease-in-out infinite;
}
/* NEW badge for recent jobs - BIGGER & MORE VISIBLE */
/* line 15400, app/assets/stylesheets/application.scss */
.positivius-new-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 14px;
background: #B9FF66;
color: #191A23;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 20px;
border: 2px solid #191A23;
animation: positivius-tag-pulse 2s ease-in-out infinite;
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.5);
font-family: var(--positivus-font);
}
/* ========================================
POSITIVIUS POST AI JOB PAGE STYLES
======================================== */
/* Hero Section */
/* line 15423, app/assets/stylesheets/application.scss */
.post-job-hero-container {
position: relative;
background: linear-gradient(165deg, #F9FAFB 0%, #FFFFFF 40%, #F3F4F6 100%);
padding: 100px 40px 80px 40px;
margin: -2rem -2rem 4rem -2rem;
overflow: hidden;
isolation: isolate;
border-bottom: 3px solid #E5E7EB;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
/* Enhanced decorative elements */
}
/* line 15434, app/assets/stylesheets/application.scss */
.post-job-hero-container::before {
content: '';
position: absolute;
top: -50px;
right: -50px;
width: 300px;
height: 300px;
background: radial-gradient(circle, #B9FF66 0%, transparent 70%);
border-radius: 50%;
opacity: 0.15;
animation: float 8s ease-in-out infinite;
z-index: 0;
filter: blur(40px);
}
/* line 15449, app/assets/stylesheets/application.scss */
.post-job-hero-container::after {
content: '';
position: absolute;
bottom: -80px;
left: -80px;
width: 350px;
height: 350px;
background: radial-gradient(circle, #191A23 0%, transparent 70%);
border-radius: 50%;
opacity: 0.05;
animation: float 10s ease-in-out infinite reverse;
z-index: 0;
filter: blur(50px);
}
@media (max-width: 768px) {
/* line 15423, app/assets/stylesheets/application.scss */
.post-job-hero-container {
padding: 70px 24px 50px 24px;
margin: -1rem -1rem 2.5rem -1rem;
}
/* line 15468, app/assets/stylesheets/application.scss */
.post-job-hero-container::before, .post-job-hero-container::after {
width: 200px;
height: 200px;
}
}
/* Main Container Layout */
/* line 15477, app/assets/stylesheets/application.scss */
.post-job-main-container {
display: flex;
gap: 40px;
align-items: flex-start;
padding: 0 2rem;
max-width: 1400px;
margin: 0 auto;
}
@media (max-width: 991px) {
/* line 15477, app/assets/stylesheets/application.scss */
.post-job-main-container {
gap: 0;
flex-direction: column;
padding: 0 1rem;
}
}
/* Form Container */
/* line 15493, app/assets/stylesheets/application.scss */
.post-job-form-container {
flex: 1;
max-width: 100%;
}
@media (min-width: 992px) {
/* line 15493, app/assets/stylesheets/application.scss */
.post-job-form-container {
max-width: 65%;
}
}
@media (max-width: 991px) {
/* line 15493, app/assets/stylesheets/application.scss */
.post-job-form-container {
max-width: 100%;
padding: 0 !important;
}
}
/* line 15507, app/assets/stylesheets/application.scss */
.post-job-hero-content {
position: relative;
z-index: 2;
text-align: center;
max-width: 900px;
margin: 0 auto;
}
/* line 15515, app/assets/stylesheets/application.scss */
.hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%);
color: #191A23;
padding: 12px 28px;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
margin-bottom: 32px;
border: 3px solid #191A23;
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.35), 0 2px 8px rgba(0, 0, 0, 0.1);
animation: positivius-tag-pulse 2s ease-in-out infinite;
letter-spacing: -0.01em;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 15532, app/assets/stylesheets/application.scss */
.hero-badge:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(185, 255, 102, 0.45), 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* line 15537, app/assets/stylesheets/application.scss */
.hero-badge .badge-icon {
font-size: 18px;
animation: sparkle 1.5s ease-in-out infinite;
}
/* line 15543, app/assets/stylesheets/application.scss */
.post-job-hero-title {
font-size: 64px;
font-weight: 900;
color: #191A23;
margin-bottom: 24px;
line-height: 1.1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
@media (max-width: 768px) {
/* line 15543, app/assets/stylesheets/application.scss */
.post-job-hero-title {
font-size: 42px;
}
}
/* line 15557, app/assets/stylesheets/application.scss */
.post-job-hero-subtitle {
font-size: 22px;
color: #6B7280;
margin-bottom: 48px;
line-height: 1.6;
font-weight: 500;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px) {
/* line 15557, app/assets/stylesheets/application.scss */
.post-job-hero-subtitle {
font-size: 18px;
margin-bottom: 40px;
}
}
/* line 15573, app/assets/stylesheets/application.scss */
.hero-stats {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
margin-top: 8px;
}
/* line 15581, app/assets/stylesheets/application.scss */
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 28px 36px;
background: #FFFFFF;
border-radius: 20px;
border: 3px solid #E5E7EB;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
min-width: 180px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}
/* line 15596, app/assets/stylesheets/application.scss */
.stat-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #B9FF66 0%, #A3E635 100%);
transform: scaleX(0);
transition: transform 0.4s ease;
}
/* line 15608, app/assets/stylesheets/application.scss */
.stat-item:hover {
transform: translateY(-6px);
border-color: #B9FF66;
box-shadow: 0 12px 32px rgba(185, 255, 102, 0.2), 0 8px 20px rgba(0, 0, 0, 0.08);
}
/* line 15613, app/assets/stylesheets/application.scss */
.stat-item:hover::before {
transform: scaleX(1);
}
/* line 15617, app/assets/stylesheets/application.scss */
.stat-item:hover .stat-number {
color: #B9FF66;
transform: scale(1.08);
}
@media (max-width: 768px) {
/* line 15581, app/assets/stylesheets/application.scss */
.stat-item {
min-width: 140px;
padding: 20px 24px;
}
}
/* line 15629, app/assets/stylesheets/application.scss */
.stat-number {
font-size: 40px;
font-weight: 900;
color: #191A23;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
/* line 15629, app/assets/stylesheets/application.scss */
.stat-number {
font-size: 28px;
}
}
/* line 15640, app/assets/stylesheets/application.scss */
.stat-label {
font-size: 14px;
color: #666;
font-weight: 600;
}
@media (max-width: 768px) {
/* line 15640, app/assets/stylesheets/application.scss */
.stat-label {
font-size: 12px;
}
}
/* Discount Banner */
/* line 15651, app/assets/stylesheets/application.scss */
.modern-discount-banner {
margin-bottom: 40px !important;
padding: 8px 0 !important;
position: relative;
animation: slideInDown 0.6s ease-out;
}
/* line 15657, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%) !important;
color: #191A23 !important;
padding: 22px 48px !important;
border-radius: 60px !important;
font-size: 21px !important;
font-weight: 900 !important;
text-decoration: none !important;
border: 4px solid #191A23 !important;
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
box-shadow: 0 8px 24px rgba(185, 255, 102, 0.45), 0 4px 12px rgba(0, 0, 0, 0.12) !important;
letter-spacing: -0.02em !important;
position: relative !important;
overflow: hidden !important;
/* Shimmer effect */
}
/* line 15676, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s;
}
/* line 15687, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link:hover {
background: #191A23 !important;
color: #B9FF66 !important;
border-color: #B9FF66 !important;
transform: translateY(-6px) scale(1.05) !important;
box-shadow: 0 16px 48px rgba(185, 255, 102, 0.6), 0 8px 24px rgba(0, 0, 0, 0.2) !important;
text-decoration: none !important;
}
/* line 15695, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link:hover::before {
left: 100%;
}
/* line 15700, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link:active {
transform: translateY(-3px) scale(1.02) !important;
}
@media (max-width: 768px) {
/* line 15657, app/assets/stylesheets/application.scss */
.modern-discount-banner .discount-link {
padding: 18px 36px !important;
font-size: 18px !important;
}
}
@keyframes slideInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Modern Form Sections */
/* line 15724, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Modern Inputs - Consistent Sizing */
/* Input/Select heights (not in form-floating) */
/* Textarea */
/* Select dropdowns */
/* Multi-select (mytags) */
/* Text Input Specific */
/* Ensure inputs in form-floating don't show placeholder initially */
/* Form Floating Labels - FIXED OVERLAYS */
/* Help Text */
/* Location, Email, Invoice, Twitter, Salary, Skills Sections - CRITICAL FIX */
/* Override flex display from job card styles that causes side-by-side layout */
/* Consistent Section Spacing */
/* Field Labels */
/* Regular Labels - NO OVERLAY */
/* Prevent any label overlay in form sections */
/* Input Group (Salary Selects) Alignment */
/* Help Text After Form Fields */
/* Modern Radio Options - PERFECT ALIGNMENT */
/* Card selected state - when radio inside is checked */
/* Apply Options - specific styling for How to Apply section */
}
/* line 15725, app/assets/stylesheets/application.scss */
.modern-job-form .form-section {
background: #FFFFFF;
border: 3px solid #E5E7EB;
border-radius: 20px;
padding: 40px;
margin-bottom: 32px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
/* line 15735, app/assets/stylesheets/application.scss */
.modern-job-form .form-section:hover {
border-color: #B9FF66;
box-shadow: 0 8px 30px rgba(185, 255, 102, 0.2);
transform: translateY(-4px);
}
@media (max-width: 768px) {
/* line 15725, app/assets/stylesheets/application.scss */
.modern-job-form .form-section {
padding: 28px 20px;
margin-bottom: 24px;
border-width: 2px;
}
}
/* line 15748, app/assets/stylesheets/application.scss */
.modern-job-form .section-title {
font-size: 28px !important;
font-weight: 900 !important;
color: #191A23 !important;
margin-bottom: 36px !important;
padding-left: 28px !important;
position: relative !important;
line-height: 1.2 !important;
letter-spacing: -0.03em !important;
text-transform: none !important;
}
/* line 15759, app/assets/stylesheets/application.scss */
.modern-job-form .section-title::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 8px;
height: 100%;
background: #B9FF66;
border-radius: 4px;
}
@media (max-width: 768px) {
/* line 15748, app/assets/stylesheets/application.scss */
.modern-job-form .section-title {
font-size: 24px !important;
margin-bottom: 28px !important;
padding-left: 24px !important;
}
/* line 15775, app/assets/stylesheets/application.scss */
.modern-job-form .section-title::before {
width: 6px;
}
}
/* line 15782, app/assets/stylesheets/application.scss */
.modern-job-form .modern-input,
.modern-job-form .modern-select,
.modern-job-form .modern-textarea {
width: 100% !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #191A23 !important;
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
transition: all 0.3s ease !important;
background: #FFFFFF !important;
}
/* line 15794, app/assets/stylesheets/application.scss */
.modern-job-form .modern-input:hover,
.modern-job-form .modern-select:hover,
.modern-job-form .modern-textarea:hover {
border-color: #B9FF66 !important;
}
/* line 15798, app/assets/stylesheets/application.scss */
.modern-job-form .modern-input:focus,
.modern-job-form .modern-select:focus,
.modern-job-form .modern-textarea:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.15) !important;
outline: none !important;
}
/* line 15806, app/assets/stylesheets/application.scss */
.modern-job-form .modern-input:not(.form-floating .modern-input),
.modern-job-form .modern-select {
height: 56px !important;
padding: 14px 18px !important;
}
/* line 15813, app/assets/stylesheets/application.scss */
.modern-job-form .modern-textarea {
min-height: 120px !important;
padding: 14px 18px !important;
resize: vertical !important;
}
/* line 15820, app/assets/stylesheets/application.scss */
.modern-job-form .form-select.modern-select {
height: 56px !important;
padding: 14px 18px !important;
background-position: right 18px center !important;
background-size: 16px 12px !important;
}
/* line 15828, app/assets/stylesheets/application.scss */
.modern-job-form .form-select.mytags {
min-height: 56px !important;
height: auto !important;
padding: 10px 18px !important;
}
/* line 15835, app/assets/stylesheets/application.scss */
.modern-job-form input.modern-input[type="text"],
.modern-job-form input.modern-input[type="email"],
.modern-job-form input.modern-input[type="url"] {
line-height: 24px !important;
}
/* line 15844, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating input.modern-input::-moz-placeholder, .modern-job-form .form-floating input.form-control::-moz-placeholder {
opacity: 0 !important;
}
.modern-job-form .form-floating input.modern-input::placeholder,
.modern-job-form .form-floating input.form-control::placeholder {
opacity: 0 !important;
}
/* line 15848, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating input.modern-input:focus::-moz-placeholder, .modern-job-form .form-floating input.form-control:focus::-moz-placeholder {
opacity: 0.3 !important;
}
.modern-job-form .form-floating input.modern-input:focus::placeholder,
.modern-job-form .form-floating input.form-control:focus::placeholder {
opacity: 0.3 !important;
}
/* line 15854, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating {
position: relative !important;
height: auto !important;
margin-bottom: 16px !important;
}
/* line 15859, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control,
.modern-job-form .form-floating > .modern-input {
height: 58px !important;
padding: 24px 18px 8px 18px !important;
font-size: 16px !important;
line-height: 1.5 !important;
background: #FFFFFF !important;
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
transition: all 0.3s ease !important;
}
/* line 15870, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control:hover,
.modern-job-form .form-floating > .modern-input:hover {
border-color: #B9FF66 !important;
}
/* line 15874, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control:focus,
.modern-job-form .form-floating > .modern-input:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.15) !important;
outline: none !important;
}
/* line 15880, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control::-moz-placeholder, .modern-job-form .form-floating > .modern-input::-moz-placeholder {
opacity: 0 !important;
}
.modern-job-form .form-floating > .form-control::placeholder,
.modern-job-form .form-floating > .modern-input::placeholder {
opacity: 0 !important;
}
/* line 15884, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control:focus::-moz-placeholder, .modern-job-form .form-floating > .modern-input:focus::-moz-placeholder {
opacity: 0.4 !important;
}
.modern-job-form .form-floating > .form-control:focus::placeholder,
.modern-job-form .form-floating > .modern-input:focus::placeholder {
opacity: 0.4 !important;
}
/* line 15889, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > label {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
padding: 8px 18px !important;
font-size: 13px !important;
color: #6B7280 !important;
pointer-events: none !important;
transform-origin: 0 0 !important;
transition: all 0.2s ease !important;
z-index: 2 !important;
background: transparent !important;
}
/* line 15903, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > label.required::after {
content: ' *';
color: #EF4444;
margin-left: 4px;
}
/* line 15910, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating > .form-control:not(:-moz-placeholder) ~ label, .modern-job-form .form-floating > .modern-input:not(:-moz-placeholder) ~ label {
font-size: 11px !important;
padding: 4px 18px !important;
opacity: 0.8 !important;
}
.modern-job-form .form-floating > .form-control:focus ~ label,
.modern-job-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.modern-job-form .form-floating > .modern-input:focus ~ label,
.modern-job-form .form-floating > .modern-input:not(:placeholder-shown) ~ label {
font-size: 11px !important;
padding: 4px 18px !important;
opacity: 0.8 !important;
}
/* line 15921, app/assets/stylesheets/application.scss */
.modern-job-form .help-text {
color: #374151 !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 12px 18px !important;
background: #F9FAFB !important;
border-radius: 10px !important;
margin-bottom: 12px !important;
display: block !important;
border-left: 4px solid #B9FF66 !important;
line-height: 1.5 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
clear: both !important;
}
/* line 15938, app/assets/stylesheets/application.scss */
.modern-job-form .location-section,
.modern-job-form .email-section,
.modern-job-form .invoice-section,
.modern-job-form .twitter-section,
.modern-job-form .salary-section,
.modern-job-form .skills-section {
display: block !important;
/* Override flex from job cards */
margin-top: 0 !important;
background: none !important;
/* Remove grey background from form sections */
border-radius: 0 !important;
/* Remove rounded corners from form sections */
padding: 0 !important;
/* Remove padding from form sections */
}
/* line 15954, app/assets/stylesheets/application.scss */
.modern-job-form .location-section .help-text,
.modern-job-form .email-section .help-text,
.modern-job-form .invoice-section .help-text,
.modern-job-form .twitter-section .help-text,
.modern-job-form .salary-section .help-text,
.modern-job-form .skills-section .help-text {
margin-bottom: 10px !important;
display: block !important;
width: 100% !important;
}
/* line 15960, app/assets/stylesheets/application.scss */
.modern-job-form .location-section .form-floating,
.modern-job-form .location-section .input-group,
.modern-job-form .location-section .form-select,
.modern-job-form .email-section .form-floating,
.modern-job-form .email-section .input-group,
.modern-job-form .email-section .form-select,
.modern-job-form .invoice-section .form-floating,
.modern-job-form .invoice-section .input-group,
.modern-job-form .invoice-section .form-select,
.modern-job-form .twitter-section .form-floating,
.modern-job-form .twitter-section .input-group,
.modern-job-form .twitter-section .form-select,
.modern-job-form .salary-section .form-floating,
.modern-job-form .salary-section .input-group,
.modern-job-form .salary-section .form-select,
.modern-job-form .skills-section .form-floating,
.modern-job-form .skills-section .input-group,
.modern-job-form .skills-section .form-select {
margin-top: 0 !important;
display: block !important;
width: 100% !important;
}
/* line 15970, app/assets/stylesheets/application.scss */
.modern-job-form .mt-4 {
margin-top: 24px !important;
}
/* line 15974, app/assets/stylesheets/application.scss */
.modern-job-form .mt-5 {
margin-top: 32px !important;
}
/* line 15979, app/assets/stylesheets/application.scss */
.modern-job-form .field-label {
font-weight: 600 !important;
color: #191A23 !important;
margin-bottom: 8px !important;
display: block !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
/* line 15987, app/assets/stylesheets/application.scss */
.modern-job-form .field-label.required::after {
content: ' *';
color: #EF4444;
margin-left: 2px;
}
/* line 15995, app/assets/stylesheets/application.scss */
.modern-job-form label:not(.form-floating > label) {
font-size: 16px !important;
font-weight: 600 !important;
color: #191A23 !important;
line-height: 1.5 !important;
margin-bottom: 10px !important;
display: block !important;
clear: both !important;
}
/* line 16004, app/assets/stylesheets/application.scss */
.modern-job-form label.required:not(.form-floating > label)::after {
content: ' *';
color: #EF4444;
margin-left: 4px;
}
/* line 16012, app/assets/stylesheets/application.scss */
.modern-job-form .form-section label {
position: relative !important;
z-index: 1 !important;
}
/* line 16018, app/assets/stylesheets/application.scss */
.modern-job-form .input-group {
display: flex !important;
gap: 12px !important;
align-items: stretch !important;
}
/* line 16023, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select {
flex: 1 !important;
height: 56px !important;
margin: 0 !important;
}
/* line 16028, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select.me-2, .modern-job-form .input-group .form-select.ms-2 {
margin: 0 !important;
}
/* line 16034, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select-sm {
height: 56px !important;
padding: 14px 18px !important;
font-size: 15px !important;
}
/* line 16042, app/assets/stylesheets/application.scss */
.modern-job-form .form-floating + .help-text,
.modern-job-form .input-group + .help-text {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
/* line 16049, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option {
background: #F9FAFB !important;
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
padding: 18px 24px !important;
margin-bottom: 12px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
position: relative !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
min-height: 60px !important;
/* Target the radio input directly */
/* Target the label directly */
/* When radio is checked, make label bold */
}
/* line 16063, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.1) !important;
transform: translateX(4px);
}
/* line 16070, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"],
.modern-job-form .modern-radio-option input[type="radio"] {
width: 22px !important;
height: 22px !important;
cursor: pointer !important;
margin: 0 !important;
flex-shrink: 0 !important;
position: relative !important;
z-index: 1 !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
border: 2px solid #D1D5DB !important;
border-radius: 50% !important;
background: #FFFFFF !important;
transition: all 0.3s ease !important;
/* Custom checked state - clean dot design */
/* Focus state */
}
/* line 16087, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"]:checked,
.modern-job-form .modern-radio-option input[type="radio"]:checked {
border-color: #B9FF66 !important;
border-width: 2px !important;
background: #B9FF66 !important;
position: relative !important;
/* Inner white ring for contrast */
}
/* line 16094, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"]:checked::before,
.modern-job-form .modern-radio-option input[type="radio"]:checked::before {
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 8px !important;
height: 8px !important;
background: #191A23 !important;
border-radius: 50% !important;
}
/* line 16108, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"]:focus,
.modern-job-form .modern-radio-option input[type="radio"]:focus {
outline: none !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
}
/* line 16113, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"]:focus:checked,
.modern-job-form .modern-radio-option input[type="radio"]:focus:checked {
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
}
/* line 16119, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-label,
.modern-job-form .modern-radio-option label {
cursor: pointer !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #374151 !important;
flex: 1 !important;
line-height: 1.5 !important;
position: relative !important;
z-index: 1 !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
display: block !important;
white-space: normal !important;
word-wrap: break-word !important;
}
/* line 16137, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option .form-check-input[type="radio"]:checked ~ .form-check-label,
.modern-job-form .modern-radio-option input[type="radio"]:checked ~ label,
.modern-job-form .modern-radio-option input[type="radio"]:checked ~ .form-check-label {
font-weight: 700 !important;
color: #191A23 !important;
}
/* line 16146, app/assets/stylesheets/application.scss */
.modern-job-form .modern-radio-option:has(.form-check-input:checked),
.modern-job-form .modern-radio-option:has(input:checked) {
border-color: #B9FF66 !important;
border-width: 3px !important;
background: rgba(185, 255, 102, 0.15) !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2), 0 4px 12px rgba(185, 255, 102, 0.3) !important;
padding: 17px 23px !important;
/* Adjust for thicker border */
opacity: 1 !important;
/* Override inline opacity */
transform: translateY(-2px) !important;
}
/* line 16160, app/assets/stylesheets/application.scss */
.modern-job-form .apply-options {
gap: 16px !important;
}
/* line 16163, app/assets/stylesheets/application.scss */
.modern-job-form .apply-options .modern-radio-option {
flex: 1 !important;
min-width: 180px !important;
justify-content: center !important;
text-align: center !important;
/* Center content when in flex layout */
}
/* line 16170, app/assets/stylesheets/application.scss */
.modern-job-form .apply-options .modern-radio-option .form-check-label,
.modern-job-form .apply-options .modern-radio-option label {
text-align: center !important;
flex: none !important;
}
/* Submit Button - Positivius Style */
/* line 16180, app/assets/stylesheets/application.scss */
.post-job-submit-btn {
width: 100%;
background: #B9FF66;
color: #191A23;
border: 3px solid #191A23;
border-radius: 35px;
padding: 18px 40px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 32px;
font-family: var(--positivus-font);
}
/* line 16199, app/assets/stylesheets/application.scss */
.post-job-submit-btn:hover:not(:disabled) {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: translateY(-3px) scale(1.02) rotate(-1deg);
box-shadow: 0 12px 35px rgba(185, 255, 102, 0.4);
}
/* line 16207, app/assets/stylesheets/application.scss */
.post-job-submit-btn:active:not(:disabled) {
transform: translateY(-1px) scale(0.98);
}
/* line 16211, app/assets/stylesheets/application.scss */
.post-job-submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
@media (max-width: 768px) {
/* line 16180, app/assets/stylesheets/application.scss */
.post-job-submit-btn {
font-size: 16px;
padding: 16px 32px;
}
}
/* Testimonials Sidebar - Hidden on Mobile */
/* line 16223, app/assets/stylesheets/application.scss */
.testimonials-sidebar {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 20px;
padding: 32px 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
position: sticky;
top: 100px;
max-height: calc(100vh - 120px);
overflow-y: auto;
/* Scrollbar styling */
}
/* line 16235, app/assets/stylesheets/application.scss */
.testimonials-sidebar::-webkit-scrollbar {
width: 6px;
}
/* line 16239, app/assets/stylesheets/application.scss */
.testimonials-sidebar::-webkit-scrollbar-track {
background: #F3F3F3;
border-radius: 10px;
}
/* line 16244, app/assets/stylesheets/application.scss */
.testimonials-sidebar::-webkit-scrollbar-thumb {
background: #B9FF66;
border-radius: 10px;
}
/* line 16249, app/assets/stylesheets/application.scss */
.testimonials-sidebar hr {
border-color: #E5E7EB;
margin: 24px 0;
}
/* line 16254, app/assets/stylesheets/application.scss */
.testimonials-sidebar img.lazy {
transition: all 0.3s ease;
}
/* line 16257, app/assets/stylesheets/application.scss */
.testimonials-sidebar img.lazy:hover {
transform: scale(1.05);
}
@media (max-width: 991px) {
/* line 16223, app/assets/stylesheets/application.scss */
.testimonials-sidebar {
display: none !important;
}
}
/* Checkboxes and Radio Buttons - CONSISTENT STYLING */
/* line 16268, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Pricing Option Groups - PERFECT RADIO BUTTONS */
}
/* line 16269, app/assets/stylesheets/application.scss */
.modern-job-form .form-check {
margin-bottom: 20px !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
/* line 16275, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input {
width: 24px !important;
height: 24px !important;
border: 2px solid #D1D5DB !important;
cursor: pointer !important;
margin: 0 !important;
flex-shrink: 0 !important;
transition: all 0.3s ease !important;
/* Checkbox specific */
/* Radio button specific */
}
/* line 16285, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="checkbox"] {
border-radius: 6px !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
background: #FFFFFF !important;
position: relative !important;
}
/* line 16292, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="checkbox"]:checked {
background-color: #B9FF66 !important;
border-color: #B9FF66 !important;
border-width: 2px !important;
/* Checkmark */
}
/* line 16298, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="checkbox"]:checked::after {
content: '✓' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: #191A23 !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
/* line 16313, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="radio"] {
border-radius: 50% !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
background: #FFFFFF !important;
}
/* line 16319, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="radio"]:checked {
border-color: #B9FF66 !important;
border-width: 2px !important;
background: #B9FF66 !important;
position: relative !important;
/* Inner black dot for contrast */
}
/* line 16326, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input[type="radio"]:checked::before {
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 8px !important;
height: 8px !important;
background: #191A23 !important;
border-radius: 50% !important;
}
/* line 16340, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input:focus {
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
border-color: #B9FF66 !important;
outline: none !important;
}
/* line 16346, app/assets/stylesheets/application.scss */
.modern-job-form .form-check .form-check-input:hover {
border-color: #B9FF66 !important;
}
/* line 16351, app/assets/stylesheets/application.scss */
.modern-job-form .form-check label {
font-weight: 600 !important;
color: #191A23 !important;
cursor: pointer !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1.5 !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
/* line 16363, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2,
.modern-job-form .ps-2.mb-2 {
padding: 16px 20px !important;
background: #FFFFFF !important;
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
margin-bottom: 12px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
min-height: 56px !important;
transition: all 0.3s ease !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
cursor: pointer !important;
/* Selected card state */
}
/* line 16379, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2:hover,
.modern-job-form .ps-2.mb-2:hover {
background: rgba(185, 255, 102, 0.08) !important;
border-color: #B9FF66 !important;
transform: translateX(4px);
}
/* line 16385, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"],
.modern-job-form .ps-2.mb-2 input[type="radio"] {
width: 22px !important;
height: 22px !important;
margin: 0 !important;
cursor: pointer !important;
flex-shrink: 0 !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
border: 2px solid #D1D5DB !important;
border-radius: 50% !important;
background: #FFFFFF !important;
transition: all 0.3s ease !important;
position: relative !important;
/* Custom checked state - clean dot design */
/* Focus state */
}
/* line 16400, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"]:checked,
.modern-job-form .ps-2.mb-2 input[type="radio"]:checked {
border-color: #B9FF66 !important;
border-width: 2px !important;
background: #B9FF66 !important;
/* Inner black dot for contrast */
}
/* line 16406, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"]:checked::before,
.modern-job-form .ps-2.mb-2 input[type="radio"]:checked::before {
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 8px !important;
height: 8px !important;
background: #191A23 !important;
border-radius: 50% !important;
}
/* line 16420, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"]:focus,
.modern-job-form .ps-2.mb-2 input[type="radio"]:focus {
outline: none !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
}
/* line 16425, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"]:focus:checked,
.modern-job-form .ps-2.mb-2 input[type="radio"]:focus:checked {
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3) !important;
}
/* line 16430, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 label,
.modern-job-form .ps-2.mb-2 label {
margin: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #374151 !important;
line-height: 1.4 !important;
flex-shrink: 0 !important;
cursor: pointer !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
/* line 16441, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 .my-badge,
.modern-job-form .ps-2.mb-2 .my-badge {
margin-left: auto !important;
flex-shrink: 0 !important;
}
/* line 16446, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 input[type="radio"]:checked ~ label, .modern-job-form .ps-2:has(input[type="radio"]:checked) label,
.modern-job-form .ps-2.mb-2 input[type="radio"]:checked ~ label,
.modern-job-form .ps-2.mb-2:has(input[type="radio"]:checked) label {
font-weight: 700 !important;
color: #191A23 !important;
}
/* line 16453, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2:has(input[type="radio"]:checked),
.modern-job-form .ps-2.mb-2:has(input[type="radio"]:checked) {
background: rgba(185, 255, 102, 0.12) !important;
border-color: #B9FF66 !important;
border-width: 3px !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.15) !important;
padding: 15px 19px !important;
/* Adjust for thicker border */
}
/* Badge Styling */
/* line 16465, app/assets/stylesheets/application.scss */
.my-badge {
display: inline-flex !important;
align-items: center !important;
padding: 4px 12px !important;
font-size: 12px !important;
font-weight: 700 !important;
border-radius: 6px !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
white-space: nowrap !important;
vertical-align: middle !important;
line-height: 1.2 !important;
}
/* line 16479, app/assets/stylesheets/application.scss */
.my-badge-jobpost {
background: #B9FF66 !important;
color: #191A23 !important;
border: 2px solid #191A23 !important;
}
/* line 16485, app/assets/stylesheets/application.scss */
.my-badge-jobpost-bg {
background: #191A23 !important;
color: #B9FF66 !important;
border: 2px solid #B9FF66 !important;
}
/* Coupon Input */
/* line 16492, app/assets/stylesheets/application.scss */
.coupon-input {
max-width: 300px;
}
/* Pricing Options Styling */
/* line 16497, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Sticky Options */
/* Highlight Options */
/* Color Picker */
/* File Upload */
/* Color Picker */
/* Pricing Section Groups */
}
/* line 16500, app/assets/stylesheets/application.scss */
.modern-job-form .radio_sticky {
cursor: pointer;
}
/* line 16503, app/assets/stylesheets/application.scss */
.modern-job-form .radio_sticky:checked + label {
color: #191A23;
font-weight: 700;
}
/* line 16510, app/assets/stylesheets/application.scss */
.modern-job-form .radio_higlight {
cursor: pointer;
}
/* line 16513, app/assets/stylesheets/application.scss */
.modern-job-form .radio_higlight:checked + label {
color: #191A23;
font-weight: 700;
}
/* line 16520, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"] {
width: 70px !important;
height: 50px !important;
border: 3px solid #E5E7EB !important;
border-radius: 10px !important;
cursor: pointer !important;
margin-left: 16px !important;
transition: all 0.3s ease !important;
padding: 4px !important;
}
/* line 16530, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"]:hover {
border-color: #B9FF66 !important;
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3) !important;
}
/* line 16536, app/assets/stylesheets/application.scss */
.modern-job-form input.custom_color_border[type="color"] {
border-color: #B9FF66 !important;
border-width: 4px !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
}
/* line 16542, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"]:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
}
/* line 16550, app/assets/stylesheets/application.scss */
.modern-job-form input[type="file"] {
display: block !important;
width: 100% !important;
padding: 12px 18px !important;
font-size: 15px !important;
border: 2px dashed #E5E7EB !important;
border-radius: 10px !important;
background: #F9FAFB !important;
margin-top: 8px !important;
cursor: pointer !important;
color: #374151 !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
}
/* line 16564, app/assets/stylesheets/application.scss */
.modern-job-form input[type="file"]:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.05) !important;
}
/* line 16569, app/assets/stylesheets/application.scss */
.modern-job-form input[type="file"]::file-selector-button {
padding: 8px 16px !important;
background: #191A23 !important;
color: #B9FF66 !important;
border: 2px solid #B9FF66 !important;
border-radius: 6px !important;
cursor: pointer !important;
font-weight: 700 !important;
margin-right: 12px !important;
transition: all 0.3s ease !important;
font-size: 14px !important;
}
/* line 16581, app/assets/stylesheets/application.scss */
.modern-job-form input[type="file"]::file-selector-button:hover {
background: #B9FF66 !important;
color: #191A23 !important;
border-color: #191A23 !important;
}
/* line 16590, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"] {
width: 60px !important;
height: 48px !important;
padding: 4px !important;
border: 2px solid #E5E7EB !important;
border-radius: 8px !important;
cursor: pointer !important;
vertical-align: middle !important;
margin-left: 8px !important;
transition: all 0.3s ease !important;
}
/* line 16601, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"]:hover {
border-color: #B9FF66 !important;
}
/* line 16605, app/assets/stylesheets/application.scss */
.modern-job-form input[type="color"]:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.15) !important;
outline: none !important;
}
/* line 16613, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2 {
padding: 12px 16px;
background: #F9FAFB;
border-radius: 10px;
margin-bottom: 8px;
transition: all 0.3s ease;
}
/* line 16620, app/assets/stylesheets/application.scss */
.modern-job-form .ps-2:hover {
background: rgba(185, 255, 102, 0.1);
}
/* Apply Options Section Styling - NO OVERLAY */
/* line 16627, app/assets/stylesheets/application.scss */
.apply-options {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 24px;
}
/* line 16633, app/assets/stylesheets/application.scss */
.apply-options .modern-radio-option {
flex: 1 1 auto;
min-width: 200px;
}
@media (max-width: 768px) {
/* line 16633, app/assets/stylesheets/application.scss */
.apply-options .modern-radio-option {
flex: 1 1 100%;
}
}
/* Apply URL Input - Fix Label Overlay */
/* line 16644, app/assets/stylesheets/application.scss */
#apply_url_label,
#job_apply_url {
position: relative !important;
z-index: 1 !important;
}
/* line 16650, app/assets/stylesheets/application.scss */
#apply_label_tip {
margin-top: 12px !important;
clear: both !important;
display: block !important;
}
/* Location and Email Sections */
/* line 16657, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Enhanced Salary Section UI */
/* Spacing between form elements */
/* Section Dividers */
/* Label Improvements for all sections */
}
/* line 16659, app/assets/stylesheets/application.scss */
.modern-job-form .location-section,
.modern-job-form .email-section,
.modern-job-form .skills-section,
.modern-job-form .twitter-section,
.modern-job-form .salary-section,
.modern-job-form .invoice-section,
.modern-job-form .coupon-section {
margin-bottom: 28px !important;
}
/* line 16671, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-inputs-wrapper {
display: flex !important;
align-items: flex-end !important;
gap: 16px !important;
margin-top: 16px !important;
}
@media (max-width: 768px) {
/* line 16671, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-inputs-wrapper {
flex-direction: column !important;
gap: 20px !important;
}
}
/* line 16683, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-input-group {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
@media (max-width: 768px) {
/* line 16683, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-input-group {
width: 100% !important;
}
}
/* line 16694, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-label {
font-size: 14px !important;
font-weight: 600 !important;
color: #374151 !important;
margin-bottom: 0 !important;
display: block !important;
}
/* line 16702, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-select-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
}
/* line 16708, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-currency {
position: absolute !important;
left: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #B9FF66 !important;
z-index: 10 !important;
pointer-events: none !important;
background: #FFFFFF !important;
padding-right: 4px !important;
}
/* line 16722, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-select {
padding-left: 42px !important;
font-weight: 600 !important;
height: 60px !important;
}
/* line 16727, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-select:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.15) !important;
}
/* line 16732, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-select option {
padding: 12px !important;
}
/* line 16737, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-separator {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding-bottom: 8px !important;
}
@media (max-width: 768px) {
/* line 16737, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-separator {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
}
/* line 16748, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-separator .separator-text {
font-size: 14px !important;
font-weight: 600 !important;
color: #9CA3AF !important;
padding: 0 4px !important;
}
@media (max-width: 768px) {
/* line 16748, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-separator .separator-text {
display: none !important;
}
}
/* line 16760, app/assets/stylesheets/application.scss */
.modern-job-form .salary-section .salary-helper-text {
margin-top: 10px !important;
margin-bottom: 0 !important;
font-size: 13px !important;
color: #6B7280 !important;
font-style: italic !important;
}
/* line 16770, app/assets/stylesheets/application.scss */
.modern-job-form .mt-2 {
margin-top: 12px !important;
}
/* line 16774, app/assets/stylesheets/application.scss */
.modern-job-form .mt-3 {
margin-top: 20px !important;
}
/* line 16778, app/assets/stylesheets/application.scss */
.modern-job-form .mt-4 {
margin-top: 28px !important;
}
/* line 16782, app/assets/stylesheets/application.scss */
.modern-job-form .mt-5 {
margin-top: 40px !important;
}
/* line 16786, app/assets/stylesheets/application.scss */
.modern-job-form .mb-2 {
margin-bottom: 12px !important;
}
/* line 16790, app/assets/stylesheets/application.scss */
.modern-job-form .mb-3 {
margin-bottom: 20px !important;
}
/* line 16794, app/assets/stylesheets/application.scss */
.modern-job-form .mb-4 {
margin-bottom: 28px !important;
}
/* line 16799, app/assets/stylesheets/application.scss */
.modern-job-form > div {
margin-bottom: 28px !important;
}
/* line 16804, app/assets/stylesheets/application.scss */
.modern-job-form > div > label,
.modern-job-form .form-section > label {
font-size: 16px !important;
font-weight: 600 !important;
color: #191A23 !important;
margin-bottom: 12px !important;
display: block !important;
line-height: 1.5 !important;
}
/* Rich Text Editor (Trix) Styling */
/* line 16817, app/assets/stylesheets/application.scss */
.modern-job-form trix-editor {
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
padding: 20px !important;
min-height: 450px !important;
background: #FFFFFF !important;
transition: all 0.3s ease !important;
}
/* line 16825, app/assets/stylesheets/application.scss */
.modern-job-form trix-editor:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
outline: none !important;
}
/* line 16831, app/assets/stylesheets/application.scss */
.modern-job-form trix-editor:hover {
border-color: #B9FF66 !important;
}
/* line 16836, app/assets/stylesheets/application.scss */
.modern-job-form trix-toolbar {
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
margin-bottom: 16px !important;
background: #F9FAFB !important;
}
/* line 16842, app/assets/stylesheets/application.scss */
.modern-job-form trix-toolbar .trix-button-group {
border-color: #E5E7EB !important;
}
/* line 16846, app/assets/stylesheets/application.scss */
.modern-job-form trix-toolbar .trix-button {
border-color: #E5E7EB !important;
}
/* line 16849, app/assets/stylesheets/application.scss */
.modern-job-form trix-toolbar .trix-button:hover {
background: #B9FF66 !important;
}
/* line 16853, app/assets/stylesheets/application.scss */
.modern-job-form trix-toolbar .trix-button.trix-active {
background: #B9FF66 !important;
color: #191A23 !important;
}
/* Input Group Styling */
/* line 16863, app/assets/stylesheets/application.scss */
.modern-job-form .input-group {
display: flex !important;
gap: 16px !important;
width: 100% !important;
/* Ensure select elements in input group have equal width */
}
/* line 16868, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select {
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
flex: 1 !important;
height: 56px !important;
min-height: 56px !important;
padding: 16px 20px !important;
font-size: 16px !important;
line-height: 1.5 !important;
background: #FFFFFF !important;
}
/* line 16879, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.2) !important;
outline: none !important;
}
/* line 16885, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select:hover {
border-color: #B9FF66 !important;
}
/* line 16891, app/assets/stylesheets/application.scss */
.modern-job-form .input-group .form-select-sm {
height: 56px !important;
min-height: 56px !important;
font-size: 16px !important;
padding: 16px 20px !important;
}
/* Select Dropdown Enhancements */
/* line 16901, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Multi-select tags (for skills/benefits) */
}
/* line 16903, app/assets/stylesheets/application.scss */
.modern-job-form select.form-select,
.modern-job-form select.modern-select {
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
padding: 16px 20px !important;
background: #FFFFFF !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
font-size: 16px !important;
line-height: 1.5 !important;
height: 56px !important;
min-height: 56px !important;
color: #191A23 !important;
font-family: inherit !important;
}
/* line 16918, app/assets/stylesheets/application.scss */
.modern-job-form select.form-select:focus,
.modern-job-form select.modern-select:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.2) !important;
outline: none !important;
}
/* line 16924, app/assets/stylesheets/application.scss */
.modern-job-form select.form-select:hover,
.modern-job-form select.modern-select:hover {
border-color: #B9FF66 !important;
}
/* line 16928, app/assets/stylesheets/application.scss */
.modern-job-form select.form-select option,
.modern-job-form select.modern-select option {
font-size: 16px !important;
padding: 12px !important;
}
/* line 16935, app/assets/stylesheets/application.scss */
.modern-job-form select.modern-select[multiple] {
height: auto !important;
min-height: 120px !important;
padding: 12px !important;
}
/* Discount Display */
/* line 16944, app/assets/stylesheets/application.scss */
.mt-3.mb-5.text-center s {
color: #999 !important;
font-size: 18px;
}
/* line 16949, app/assets/stylesheets/application.scss */
.mt-3.mb-5.text-center label {
font-size: 20px;
font-weight: 700;
}
/* Global Form Wrapper Enhancements - NO TEXT OVERLAYS */
/* line 16956, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Ensure proper spacing for all direct children within sections */
/* Better styling for all small labels and hints */
/* Prevent any label/input overlay issues globally */
/* Fix any stacking issues */
/* Ensure no absolute positioned labels overlap inputs */
/* Fix inline label-input combos */
}
/* line 16959, app/assets/stylesheets/application.scss */
.modern-job-form .form-section > * + * {
margin-top: 20px;
}
/* line 16964, app/assets/stylesheets/application.scss */
.modern-job-form label[style*="font-size: 10px"],
.modern-job-form label[style*="font-size:10px"],
.modern-job-form small,
.modern-job-form .small {
font-size: 13px !important;
color: #6B7280 !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
/* line 16974, app/assets/stylesheets/application.scss */
.modern-job-form label + input,
.modern-job-form label + select,
.modern-job-form label + textarea {
margin-top: 8px !important;
}
/* line 16981, app/assets/stylesheets/application.scss */
.modern-job-form input,
.modern-job-form select,
.modern-job-form textarea,
.modern-job-form label {
position: relative !important;
}
/* line 16989, app/assets/stylesheets/application.scss */
.modern-job-form .form-group,
.modern-job-form .form-section > div {
position: relative !important;
clear: both !important;
}
/* line 16996, app/assets/stylesheets/application.scss */
.modern-job-form .form-check {
display: flex !important;
align-items: center !important;
gap: 10px !important;
position: relative !important;
}
/* line 17002, app/assets/stylesheets/application.scss */
.modern-job-form .form-check label {
position: static !important;
margin: 0 !important;
}
/* Responsive Layout for Post Job Page */
@media (max-width: 768px) {
/* line 17011, app/assets/stylesheets/application.scss */
.d-block.d-md-flex {
flex-direction: column !important;
}
/* line 17015, app/assets/stylesheets/application.scss */
.col-lg-8.col-sm-12 {
width: 100% !important;
padding: 0 !important;
}
/* line 17021, app/assets/stylesheets/application.scss */
.modern-job-form .form-section {
padding: 28px 20px !important;
margin-bottom: 24px !important;
}
/* line 17026, app/assets/stylesheets/application.scss */
.modern-job-form .section-title {
font-size: 24px !important;
margin-bottom: 24px !important;
}
/* line 17031, app/assets/stylesheets/application.scss */
.modern-job-form trix-editor {
min-height: 350px !important;
padding: 16px !important;
}
/* line 17036, app/assets/stylesheets/application.scss */
.modern-job-form .modern-input,
.modern-job-form .modern-select {
font-size: 16px !important;
}
/* line 17042, app/assets/stylesheets/application.scss */
.post-job-submit-btn {
font-size: 16px !important;
padding: 16px 28px !important;
}
/* line 17047, app/assets/stylesheets/application.scss */
.my-badge {
font-size: 11px !important;
padding: 4px 12px !important;
}
/* line 17052, app/assets/stylesheets/application.scss */
.hero-stats {
gap: 24px !important;
}
}
/* ===============================================
PREMIUM OPTIONS STYLING - Professional UI
=============================================== */
/* line 17061, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Premium Checkbox Option */
/* Sticky Options Wrapper */
/* Radio Option Cards */
/* Views Badges */
/* Logo Section Specific */
/* File Upload Styling */
/* Color Picker */
/* Premium Options Section Specific */
/* Responsive Design */
}
/* line 17064, app/assets/stylesheets/application.scss */
.modern-job-form .premium-checkbox-option {
background: #FFFFFF !important;
border: 3px solid #E5E7EB !important;
border-radius: 16px !important;
padding: 20px 24px !important;
margin-bottom: 20px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
}
/* line 17075, app/assets/stylesheets/application.scss */
.modern-job-form .premium-checkbox-option:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.05) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
/* line 17082, app/assets/stylesheets/application.scss */
.modern-job-form .premium-checkbox-option:has(.premium-check-input:checked) {
border-color: #B9FF66 !important;
border-width: 3px !important;
background: rgba(185, 255, 102, 0.1) !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
}
/* line 17090, app/assets/stylesheets/application.scss */
.modern-job-form .premium-check-input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* line 17096, app/assets/stylesheets/application.scss */
.modern-job-form .premium-check-label {
cursor: pointer !important;
margin: 0 !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
}
/* line 17104, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-content {
display: flex !important;
align-items: center !important;
gap: 16px !important;
width: 100% !important;
}
/* line 17111, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-icon {
width: 28px !important;
height: 28px !important;
border: 3px solid #E5E7EB !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
color: transparent !important;
background: #FFFFFF !important;
transition: all 0.3s ease !important;
flex-shrink: 0 !important;
}
/* line 17126, app/assets/stylesheets/application.scss */
.modern-job-form .premium-check-input:checked ~ .premium-check-label .checkbox-icon {
background: #B9FF66 !important;
border-color: #B9FF66 !important;
color: #191A23 !important;
transform: scale(1.1) !important;
}
/* line 17133, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-text {
font-size: 16px !important;
font-weight: 600 !important;
color: #191A23 !important;
line-height: 1.5 !important;
}
/* line 17139, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-text strong {
color: #B9FF66 !important;
font-weight: 700 !important;
}
/* line 17145, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-text-group {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
/* line 17152, app/assets/stylesheets/application.scss */
.modern-job-form .sticky-options-wrapper,
.modern-job-form .highlight-options-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
/* line 17160, app/assets/stylesheets/application.scss */
.modern-job-form .sticky-radio-option,
.modern-job-form .highlight-radio-option {
background: #FFFFFF !important;
border: 2px solid #E5E7EB !important;
border-radius: 14px !important;
padding: 18px 22px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
position: relative !important;
}
/* line 17170, app/assets/stylesheets/application.scss */
.modern-job-form .sticky-radio-option:hover,
.modern-job-form .highlight-radio-option:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.05) !important;
transform: translateX(4px) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
/* line 17177, app/assets/stylesheets/application.scss */
.modern-job-form .sticky-radio-option.selected, .modern-job-form .sticky-radio-option:has(.premium-radio-input:checked),
.modern-job-form .highlight-radio-option.selected,
.modern-job-form .highlight-radio-option:has(.premium-radio-input:checked) {
border-color: #B9FF66 !important;
border-width: 3px !important;
background: rgba(185, 255, 102, 0.15) !important;
padding: 17px 21px !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2), 0 4px 12px rgba(185, 255, 102, 0.3) !important;
transform: translateX(8px) !important;
}
/* line 17188, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* line 17194, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-label {
cursor: pointer !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
width: 100% !important;
}
/* line 17204, app/assets/stylesheets/application.scss */
.modern-job-form .radio-dot {
width: 24px !important;
height: 24px !important;
border: 3px solid #D1D5DB !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #FFFFFF !important;
transition: all 0.3s ease !important;
flex-shrink: 0 !important;
position: relative !important;
}
/* line 17217, app/assets/stylesheets/application.scss */
.modern-job-form .radio-dot::after {
content: '' !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #B9FF66 !important;
transform: scale(0) !important;
transition: transform 0.2s ease !important;
}
/* line 17228, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-input:checked ~ .premium-radio-label .radio-dot {
border-color: #B9FF66 !important;
border-width: 3px !important;
background: #FFFFFF !important;
}
/* line 17233, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-input:checked ~ .premium-radio-label .radio-dot::after {
transform: scale(1) !important;
}
/* line 17238, app/assets/stylesheets/application.scss */
.modern-job-form .radio-text {
font-size: 16px !important;
font-weight: 600 !important;
color: #374151 !important;
line-height: 1.5 !important;
}
/* line 17244, app/assets/stylesheets/application.scss */
.modern-job-form .radio-text strong {
color: #191A23 !important;
font-weight: 700 !important;
}
/* line 17250, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-input:checked ~ .premium-radio-label .radio-text {
color: #191A23 !important;
font-weight: 700 !important;
}
/* line 17256, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge {
display: inline-block !important;
padding: 6px 12px !important;
border-radius: 8px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
border: 2px solid !important;
margin-left: auto !important;
}
/* line 17267, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge.badge-yellow {
background: #FEF3C7 !important;
color: #92400E !important;
border-color: #FCD34D !important;
}
/* line 17273, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge.badge-yellow-small {
background: #FEF3C7 !important;
color: #92400E !important;
border-color: #FCD34D !important;
font-size: 10px !important;
padding: 4px 10px !important;
}
/* line 17281, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge.badge-green {
background: #D1FAE5 !important;
color: #065F46 !important;
border-color: #10B981 !important;
}
/* line 17287, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge.badge-recommended {
background: #191A23 !important;
color: #B9FF66 !important;
border-color: #B9FF66 !important;
margin-right: 8px !important;
margin-left: 0 !important;
}
/* line 17297, app/assets/stylesheets/application.scss */
.modern-job-form .logo-checkbox-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
/* line 17303, app/assets/stylesheets/application.scss */
.modern-job-form .logo-helper-text {
font-size: 13px !important;
color: #6B7280 !important;
margin: 0 0 8px 0 !important;
font-style: italic !important;
}
/* line 17311, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper {
position: relative !important;
}
/* line 17314, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-input {
position: absolute !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
/* line 17321, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-label {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 16px 24px !important;
background: #FFFFFF !important;
border: 2px dashed #D1D5DB !important;
border-radius: 12px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* line 17332, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-label:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.05) !important;
}
/* line 17337, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-label:active {
transform: scale(0.98) !important;
}
/* line 17342, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-icon {
font-size: 24px !important;
}
/* line 17346, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-text {
font-size: 16px !important;
font-weight: 600 !important;
color: #191A23 !important;
background: #B9FF66 !important;
padding: 8px 20px !important;
border-radius: 8px !important;
border: 2px solid #191A23 !important;
}
/* line 17356, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-wrapper .file-upload-hint {
font-size: 14px !important;
color: #9CA3AF !important;
flex-grow: 1 !important;
}
/* line 17364, app/assets/stylesheets/application.scss */
.modern-job-form .color-picker-wrapper {
display: inline-flex !important;
align-items: center !important;
margin-left: 12px !important;
}
/* line 17370, app/assets/stylesheets/application.scss */
.modern-job-form .color-picker-input {
width: 50px !important;
height: 50px !important;
border: 3px solid #E5E7EB !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* line 17378, app/assets/stylesheets/application.scss */
.modern-job-form .color-picker-input:hover {
border-color: #B9FF66 !important;
transform: scale(1.1) !important;
}
/* line 17383, app/assets/stylesheets/application.scss */
.modern-job-form .color-picker-input:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
}
/* line 17391, app/assets/stylesheets/application.scss */
.modern-job-form .premium-options-section {
padding: 24px !important;
}
@media (max-width: 768px) {
/* line 17398, app/assets/stylesheets/application.scss */
.modern-job-form .premium-checkbox-option,
.modern-job-form .sticky-radio-option,
.modern-job-form .highlight-radio-option {
padding: 16px 18px !important;
}
/* line 17404, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-content {
gap: 12px !important;
}
/* line 17408, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-icon {
width: 24px !important;
height: 24px !important;
font-size: 16px !important;
}
/* line 17414, app/assets/stylesheets/application.scss */
.modern-job-form .checkbox-text,
.modern-job-form .radio-text {
font-size: 14px !important;
}
/* line 17419, app/assets/stylesheets/application.scss */
.modern-job-form .views-badge {
font-size: 9px !important;
padding: 4px 8px !important;
margin-left: 0 !important;
margin-top: 8px !important;
}
/* line 17426, app/assets/stylesheets/application.scss */
.modern-job-form .premium-radio-label {
flex-direction: column !important;
align-items: flex-start !important;
}
/* line 17431, app/assets/stylesheets/application.scss */
.modern-job-form .file-upload-label {
flex-direction: column !important;
text-align: center !important;
}
}
/* Click interaction for entire cards */
/* line 17442, app/assets/stylesheets/application.scss */
.sticky-radio-option:active,
.highlight-radio-option:active,
.premium-checkbox-option:active {
transform: scale(0.98) !important;
}
/* ===============================================
HOW TO APPLY SECTION - Professional UI
=============================================== */
/* line 17451, app/assets/stylesheets/application.scss */
.modern-job-form {
/* Apply Options Grid */
/* Apply Radio Option Cards */
/* Apply Radio Input - Hidden */
/* Apply Radio Label */
/* Apply Radio Dot */
/* Apply Radio Text */
/* Responsive adjustments */
}
/* line 17454, app/assets/stylesheets/application.scss */
.modern-job-form .apply-options-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 16px !important;
margin-bottom: 24px !important;
}
@media (max-width: 768px) {
/* line 17454, app/assets/stylesheets/application.scss */
.modern-job-form .apply-options-grid {
grid-template-columns: 1fr !important;
}
}
/* line 17466, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option {
background: #FFFFFF !important;
border: 3px solid #E5E7EB !important;
border-radius: 16px !important;
padding: 24px 20px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
cursor: pointer !important;
position: relative !important;
min-height: 100px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* line 17479, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option:hover {
border-color: #B9FF66 !important;
background: rgba(185, 255, 102, 0.05) !important;
transform: translateY(-4px) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}
/* line 17486, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option.selected, .modern-job-form .apply-radio-option:has(.apply-radio-input:checked) {
border-color: #B9FF66 !important;
border-width: 4px !important;
background: linear-gradient(135deg, rgba(185, 255, 102, 0.2) 0%, rgba(185, 255, 102, 0.1) 100%) !important;
padding: 23px 19px !important;
box-shadow: 0 0 0 6px rgba(185, 255, 102, 0.25), 0 8px 24px rgba(185, 255, 102, 0.35) !important;
transform: translateY(-6px) scale(1.02) !important;
}
/* line 17495, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option.selected .apply-radio-text, .modern-job-form .apply-radio-option:has(.apply-radio-input:checked) .apply-radio-text {
color: #191A23 !important;
font-weight: 700 !important;
}
/* line 17501, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option:active {
transform: translateY(-2px) scale(0.98) !important;
}
/* line 17507, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* line 17514, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-label {
cursor: pointer !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
width: 100% !important;
text-align: center !important;
}
/* line 17527, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-dot {
width: 32px !important;
height: 32px !important;
border: 4px solid #D1D5DB !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #FFFFFF !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
flex-shrink: 0 !important;
position: relative !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
/* line 17541, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-dot::after {
content: '' !important;
width: 14px !important;
height: 14px !important;
border-radius: 50% !important;
background: #B9FF66 !important;
transform: scale(0) !important;
transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}
/* line 17552, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-input:checked ~ .apply-radio-label .apply-radio-dot {
border-color: #B9FF66 !important;
border-width: 4px !important;
background: #FFFFFF !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.3), 0 4px 12px rgba(185, 255, 102, 0.4) !important;
transform: scale(1.1) !important;
}
/* line 17559, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-input:checked ~ .apply-radio-label .apply-radio-dot::after {
transform: scale(1) !important;
}
/* line 17565, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-text {
font-size: 17px !important;
font-weight: 600 !important;
color: #374151 !important;
line-height: 1.4 !important;
transition: all 0.3s ease !important;
}
/* line 17573, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-input:checked ~ .apply-radio-label .apply-radio-text {
color: #191A23 !important;
font-weight: 700 !important;
}
@media (max-width: 768px) {
/* line 17580, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option {
min-height: 90px !important;
padding: 20px 16px !important;
}
/* line 17584, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-option.selected {
padding: 19px 15px !important;
}
/* line 17589, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-dot {
width: 28px !important;
height: 28px !important;
}
/* line 17593, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-dot::after {
width: 12px !important;
height: 12px !important;
}
/* line 17599, app/assets/stylesheets/application.scss */
.modern-job-form .apply-radio-text {
font-size: 15px !important;
}
}
/* ============================================================
BUNDLE PAGE SPECIFIC STYLES
============================================================ */
/* Bundle Pricing Display */
/* line 17610, app/assets/stylesheets/application.scss */
.bundle-pricing-display {
background: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%) !important;
border: 3px solid #E5E7EB !important;
border-radius: 20px !important;
padding: 32px !important;
margin: 0 !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
/* line 17618, app/assets/stylesheets/application.scss */
.bundle-pricing-display .section-title {
font-size: 24px !important;
font-weight: 800 !important;
color: #191A23 !important;
margin-bottom: 28px !important;
}
/* line 17625, app/assets/stylesheets/application.scss */
.bundle-pricing-display .bundle-slider-section {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
/* line 17631, app/assets/stylesheets/application.scss */
.bundle-pricing-display .bundle-jobs-label {
font-size: 20px !important;
font-weight: 600 !important;
color: #191A23 !important;
text-align: center !important;
}
/* line 17637, app/assets/stylesheets/application.scss */
.bundle-pricing-display .bundle-jobs-label strong {
color: #B9FF66 !important;
font-size: 32px !important;
font-weight: 900 !important;
text-shadow: 2px 2px 0px rgba(25, 26, 35, 0.1) !important;
}
/* line 17645, app/assets/stylesheets/application.scss */
.bundle-pricing-display .pricing-display-row {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 20px !important;
margin: 16px 0 !important;
}
/* line 17653, app/assets/stylesheets/application.scss */
.bundle-pricing-display .price-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
}
/* line 17660, app/assets/stylesheets/application.scss */
.bundle-pricing-display .original-price {
text-decoration: line-through !important;
color: #9CA3AF !important;
font-size: 22px !important;
font-weight: 600 !important;
opacity: 0.7 !important;
}
/* line 17668, app/assets/stylesheets/application.scss */
.bundle-pricing-display .discounted-price {
font-size: 56px !important;
font-weight: 900 !important;
color: #191A23 !important;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
line-height: 1 !important;
text-shadow: 2px 2px 8px rgba(185, 255, 102, 0.3) !important;
}
/* line 17680, app/assets/stylesheets/application.scss */
.bundle-pricing-display .savings-display {
text-align: center !important;
padding: 16px 24px !important;
background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
border-radius: 12px !important;
margin-top: 8px !important;
}
/* line 17688, app/assets/stylesheets/application.scss */
.bundle-pricing-display .savings {
color: #FFFFFF !important;
font-size: 20px !important;
font-weight: 700 !important;
display: inline-block !important;
}
/* Custom Range Slider */
/* line 17697, app/assets/stylesheets/application.scss */
.custom-slider {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 100% !important;
height: 14px !important;
border-radius: 8px !important;
background: linear-gradient(90deg, #E5E7EB 0%, #D1D5DB 100%) !important;
outline: none !important;
border: 2px solid #D1D5DB !important;
margin: 20px 0 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* line 17710, app/assets/stylesheets/application.scss */
.custom-slider:hover {
background: linear-gradient(90deg, #D1D5DB 0%, #9CA3AF 100%) !important;
}
/* line 17714, app/assets/stylesheets/application.scss */
.custom-slider::-webkit-slider-thumb {
-webkit-appearance: none !important;
appearance: none !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%) !important;
border: 4px solid #191A23 !important;
cursor: pointer !important;
box-shadow: 0 4px 16px rgba(185, 255, 102, 0.5), 0 0 0 0 rgba(185, 255, 102, 0.4) !important;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
/* line 17726, app/assets/stylesheets/application.scss */
.custom-slider::-webkit-slider-thumb:hover {
transform: scale(1.25) !important;
box-shadow: 0 6px 24px rgba(185, 255, 102, 0.7), 0 0 0 8px rgba(185, 255, 102, 0.2) !important;
}
/* line 17731, app/assets/stylesheets/application.scss */
.custom-slider::-webkit-slider-thumb:active {
transform: scale(1.15) !important;
box-shadow: 0 2px 12px rgba(185, 255, 102, 0.6) !important;
}
/* line 17737, app/assets/stylesheets/application.scss */
.custom-slider::-moz-range-thumb {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #B9FF66 0%, #A3E635 100%) !important;
border: 4px solid #191A23 !important;
cursor: pointer !important;
box-shadow: 0 4px 16px rgba(185, 255, 102, 0.5) !important;
-moz-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
/* line 17747, app/assets/stylesheets/application.scss */
.custom-slider::-moz-range-thumb:hover {
transform: scale(1.25) !important;
box-shadow: 0 6px 24px rgba(185, 255, 102, 0.7) !important;
}
/* line 17753, app/assets/stylesheets/application.scss */
.custom-slider::-webkit-slider-runnable-track {
width: 100% !important;
height: 14px !important;
border-radius: 8px !important;
background: transparent !important;
}
/* line 17760, app/assets/stylesheets/application.scss */
.custom-slider::-moz-range-track {
width: 100% !important;
height: 14px !important;
border-radius: 8px !important;
background: transparent !important;
}
/* Bundle Color Picker */
/* line 17769, app/assets/stylesheets/application.scss */
.color-picker-wrapper {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 16px 20px !important;
background: #F8F9FA !important;
border: 2px solid #E5E7EB !important;
border-radius: 12px !important;
transition: all 0.3s ease !important;
}
/* line 17779, app/assets/stylesheets/application.scss */
.color-picker-wrapper:hover {
border-color: #B9FF66 !important;
background: #FFFFFF !important;
}
/* line 17784, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-label {
font-size: 16px !important;
font-weight: 600 !important;
color: #191A23 !important;
margin: 0 !important;
}
/* line 17791, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-input {
width: 60px !important;
height: 60px !important;
border: 3px solid #191A23 !important;
border-radius: 12px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
background: none !important;
padding: 4px !important;
}
/* line 17801, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-input:hover {
transform: scale(1.1) !important;
box-shadow: 0 4px 16px rgba(185, 255, 102, 0.4) !important;
}
/* line 17806, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-input:active {
transform: scale(1.05) !important;
}
/* line 17810, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-input.custom_color_border {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2) !important;
}
/* ============================================================
ADS PAGE SPECIFIC STYLES
============================================================ */
/* Slot Selection */
/* line 17822, app/assets/stylesheets/application.scss */
.slot-options-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin-top: 20px !important;
}
/* line 17829, app/assets/stylesheets/application.scss */
.slot-radio-option {
background: #FFFFFF !important;
border: 3px solid #E5E7EB !important;
border-radius: 16px !important;
padding: 24px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
position: relative !important;
}
/* line 17838, app/assets/stylesheets/application.scss */
.slot-radio-option:hover:not(.disabled) {
border-color: #B9FF66 !important;
box-shadow: 0 4px 20px rgba(185, 255, 102, 0.2) !important;
transform: translateY(-2px) !important;
}
/* line 17844, app/assets/stylesheets/application.scss */
.slot-radio-option.selected:not(.disabled) {
border-color: #B9FF66 !important;
background: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%) !important;
box-shadow: 0 4px 20px rgba(185, 255, 102, 0.3) !important;
}
/* line 17850, app/assets/stylesheets/application.scss */
.slot-radio-option.disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
background: #F3F4F6 !important;
}
/* line 17855, app/assets/stylesheets/application.scss */
.slot-radio-option.disabled:hover {
transform: none !important;
box-shadow: none !important;
}
/* line 17861, app/assets/stylesheets/application.scss */
.slot-radio-option .premium-radio-input {
position: absolute !important;
opacity: 0 !important;
cursor: pointer !important;
}
/* line 17867, app/assets/stylesheets/application.scss */
.slot-radio-option .premium-radio-label {
display: flex !important;
align-items: center !important;
gap: 16px !important;
cursor: pointer !important;
margin: 0 !important;
width: 100% !important;
}
/* line 17876, app/assets/stylesheets/application.scss */
.slot-radio-option .radio-content {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 12px !important;
flex: 1 !important;
}
/* line 17885, app/assets/stylesheets/application.scss */
.slot-radio-option .radio-text {
font-size: 18px !important;
font-weight: 600 !important;
color: #191A23 !important;
}
/* line 17891, app/assets/stylesheets/application.scss */
.slot-radio-option .availability-badge {
padding: 8px 16px !important;
border-radius: 8px !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
}
/* line 17898, app/assets/stylesheets/application.scss */
.slot-radio-option .availability-badge.available {
background: #D1FAE5 !important;
color: #065F46 !important;
}
/* line 17903, app/assets/stylesheets/application.scss */
.slot-radio-option .availability-badge.taken {
background: #FEE2E2 !important;
color: #991B1B !important;
}
/* Customer Information */
/* line 17911, app/assets/stylesheets/application.scss */
.customers-info {
display: grid !important;
gap: 20px !important;
margin: 20px 0 !important;
padding: 24px !important;
background: #F9FAFB !important;
border-radius: 12px !important;
border: 2px solid #E5E7EB !important;
}
/* line 17921, app/assets/stylesheets/application.scss */
.customers-info .customer-list h5, .customers-info .customer-list .h5 {
font-size: 16px !important;
font-weight: 700 !important;
color: #191A23 !important;
margin-bottom: 12px !important;
}
/* line 17928, app/assets/stylesheets/application.scss */
.customers-info .customer-list ul {
margin: 0 !important;
padding-left: 20px !important;
}
/* line 17932, app/assets/stylesheets/application.scss */
.customers-info .customer-list ul li {
margin-bottom: 8px !important;
color: #4B5563 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
/* line 17938, app/assets/stylesheets/application.scss */
.customers-info .customer-list ul li a {
color: #B9FF66 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* line 17943, app/assets/stylesheets/application.scss */
.customers-info .customer-list ul li a:hover {
text-decoration: underline !important;
}
/* line 17952, app/assets/stylesheets/application.scss */
.info-text {
font-size: 14px !important;
color: #6B7280 !important;
margin-top: 16px !important;
padding: 12px 16px !important;
background: #F3F4F6 !important;
border-left: 4px solid #B9FF66 !important;
border-radius: 8px !important;
line-height: 1.6 !important;
}
/* Discount Timer in Hero */
/* line 17964, app/assets/stylesheets/application.scss */
.hero-stats .stat-item #demo {
font-size: 32px !important;
font-weight: 900 !important;
color: #ff0084 !important;
text-shadow: 2px 2px 0px rgba(255, 0, 132, 0.2) !important;
}
/* Responsive Adjustments for Ads Page */
@media (max-width: 768px) {
/* line 17973, app/assets/stylesheets/application.scss */
.slot-radio-option {
padding: 20px 16px !important;
}
/* line 17976, app/assets/stylesheets/application.scss */
.slot-radio-option .radio-text {
font-size: 16px !important;
}
/* line 17980, app/assets/stylesheets/application.scss */
.slot-radio-option .availability-badge {
padding: 6px 12px !important;
font-size: 11px !important;
}
/* line 17986, app/assets/stylesheets/application.scss */
.customers-info {
padding: 20px 16px !important;
}
/* line 17990, app/assets/stylesheets/application.scss */
.customers-info .customer-list h5, .customers-info .customer-list .h5 {
font-size: 15px !important;
}
/* line 17994, app/assets/stylesheets/application.scss */
.customers-info .customer-list ul li {
font-size: 13px !important;
}
/* line 18000, app/assets/stylesheets/application.scss */
.hero-stats .stat-item #demo {
font-size: 24px !important;
}
}
/* ============================================================
END ADS PAGE STYLES
============================================================ */
/* Responsive Adjustments for Bundle Page */
@media (max-width: 768px) {
/* line 18011, app/assets/stylesheets/application.scss */
.bundle-pricing-display {
padding: 24px 16px !important;
}
/* line 18014, app/assets/stylesheets/application.scss */
.bundle-pricing-display .section-title {
font-size: 20px !important;
margin-bottom: 20px !important;
}
/* line 18019, app/assets/stylesheets/application.scss */
.bundle-pricing-display .bundle-jobs-label {
font-size: 18px !important;
}
/* line 18022, app/assets/stylesheets/application.scss */
.bundle-pricing-display .bundle-jobs-label strong {
font-size: 28px !important;
}
/* line 18027, app/assets/stylesheets/application.scss */
.bundle-pricing-display .discounted-price {
font-size: 42px !important;
}
/* line 18031, app/assets/stylesheets/application.scss */
.bundle-pricing-display .original-price {
font-size: 18px !important;
}
/* line 18035, app/assets/stylesheets/application.scss */
.bundle-pricing-display .savings {
font-size: 16px !important;
}
/* line 18040, app/assets/stylesheets/application.scss */
.custom-slider {
height: 12px !important;
}
/* line 18043, app/assets/stylesheets/application.scss */
.custom-slider::-webkit-slider-thumb {
width: 30px !important;
height: 30px !important;
}
/* line 18048, app/assets/stylesheets/application.scss */
.custom-slider::-moz-range-thumb {
width: 30px !important;
height: 30px !important;
}
/* line 18054, app/assets/stylesheets/application.scss */
.color-picker-wrapper {
padding: 12px 16px !important;
}
/* line 18057, app/assets/stylesheets/application.scss */
.color-picker-wrapper .color-picker-input {
width: 50px !important;
height: 50px !important;
}
}
/* ========================================
POSITIVIUS AI COMPANIES PAGE STYLES
======================================== */
/* Companies Page Wrapper */
/* line 18069, app/assets/stylesheets/application.scss */
.positivius-companies-wrapper {
background: transparent !important;
border: none !important;
padding: 40px 20px;
max-width: 1400px;
margin: 0 auto;
}
/* Companies Header */
/* line 18078, app/assets/stylesheets/application.scss */
.positivius-companies-header {
text-align: center;
margin-bottom: 48px;
}
/* line 18082, app/assets/stylesheets/application.scss */
.positivius-companies-header h1, .positivius-companies-header .h1 {
font-family: var(--positivus-font);
font-size: 36px;
font-weight: 800;
color: #191A23;
margin-bottom: 16px;
position: relative;
display: inline-block;
padding-left: 24px;
text-shadow: none !important;
text-transform: none !important;
}
/* line 18094, app/assets/stylesheets/application.scss */
.positivius-companies-header h1::before, .positivius-companies-header .h1::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 18108, app/assets/stylesheets/application.scss */
.positivius-companies-header p {
font-family: var(--positivus-font);
font-size: 17px;
color: #6B7280;
line-height: 1.8;
max-width: 800px;
margin: 0 auto 24px;
text-shadow: none !important;
}
/* Companies Table Container */
/* line 18120, app/assets/stylesheets/application.scss */
.positivius-companies-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 16px;
}
/* line 18126, app/assets/stylesheets/application.scss */
.positivius-companies-table thead tr {
background: transparent;
border-bottom: 2px solid #E5E7EB;
}
/* line 18131, app/assets/stylesheets/application.scss */
.positivius-companies-table thead th {
font-family: var(--positivus-font);
font-size: 14px;
font-weight: 700;
color: #191A23;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 16px 20px;
text-align: left;
border: none;
background: transparent;
}
/* line 18146, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr {
background: #FFFFFF;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
position: relative;
}
/* line 18155, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 16px;
border: 2px solid #E5E7EB;
pointer-events: none;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 18168, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover {
transform: translateY(-8px) rotate(0.5deg);
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 18173, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover::before {
border-color: #B9FF66;
}
/* line 18177, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover .company-logo-cell img {
border-color: #B9FF66;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.2);
transform: scale(1.05) rotate(-2deg);
}
/* line 18183, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover .industry-tag {
background: #191A23;
color: #B9FF66;
transform: scale(1.1) translateY(-3px) rotate(-1deg);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* line 18192, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:focus {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* line 18197, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:focus-visible {
outline: 3px solid #B9FF66;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
/* line 18146, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr {
transition: none;
}
/* line 18205, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover {
transform: none;
}
}
/* line 18211, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td {
padding: 20px;
border: none;
font-family: var(--positivus-font);
color: #6B7280;
font-size: 16px;
font-weight: 400;
vertical-align: middle;
background: transparent;
}
/* line 18222, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td:first-child {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
/* line 18227, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td:last-child {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
/* Rank Cell */
/* line 18237, app/assets/stylesheets/application.scss */
.rank-cell h2, .rank-cell .h2 {
margin: 0;
font-size: 20px;
font-weight: 800;
color: #191A23;
font-family: var(--positivus-font);
}
/* Company Logo Cell */
/* line 18248, app/assets/stylesheets/application.scss */
.company-logo-cell a {
display: inline-block;
text-decoration: none;
}
/* line 18253, app/assets/stylesheets/application.scss */
.company-logo-cell img {
width: 56px !important;
height: 56px !important;
border-radius: 12px;
border: 3px solid transparent;
-o-object-fit: cover;
object-fit: cover;
background: #F3F3F3;
box-shadow: 0 4px 12px rgba(25, 26, 35, 0.15);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: block;
}
/* Company Name Cell */
/* line 18268, app/assets/stylesheets/application.scss */
.company-name-cell a {
font-size: 18px;
font-weight: 700;
color: #191A23;
text-decoration: none;
transition: color 0.3s ease;
}
/* line 18275, app/assets/stylesheets/application.scss */
.company-name-cell a:hover {
color: #B9FF66;
}
/* line 18280, app/assets/stylesheets/application.scss */
.company-name-cell h3, .company-name-cell .h3 {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #191A23;
font-family: var(--positivus-font);
}
/* Industry Tag */
/* line 18290, app/assets/stylesheets/application.scss */
.industry-tag {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 9999px;
background: #F3F3F3;
color: #191A23;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
white-space: nowrap;
font-family: var(--positivus-font);
}
/* line 18304, app/assets/stylesheets/application.scss */
.industry-tag:hover {
background: #191A23;
color: #B9FF66;
transform: scale(1.1) translateY(-3px) rotate(-1deg);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* Data Cells (Jobs Count, Salary, Posted) */
/* line 18314, app/assets/stylesheets/application.scss */
.data-cell p {
margin: 0;
font-size: 16px;
color: #6B7280;
font-weight: 400;
font-family: var(--positivus-font);
}
/* Top Growing Link */
/* line 18324, app/assets/stylesheets/application.scss */
.positivius-inline-link {
display: inline-flex;
align-items: center;
background: #B9FF66;
color: #191A23;
padding: 8px 16px;
border-radius: 20px;
font-weight: 700;
font-size: 14px;
text-decoration: none;
border: 2px solid #191A23;
transition: all 0.3s ease;
font-family: var(--positivus-font);
}
/* line 18338, app/assets/stylesheets/application.scss */
.positivius-inline-link:hover {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: translateY(-2px) scale(1.05);
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.3);
}
/* line 18346, app/assets/stylesheets/application.scss */
.positivius-inline-link:focus-visible {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* Mobile Responsive */
@media (max-width: 768px) {
/* line 18354, app/assets/stylesheets/application.scss */
.positivius-companies-wrapper {
padding: 20px 10px;
}
/* line 18359, app/assets/stylesheets/application.scss */
.positivius-companies-header h1, .positivius-companies-header .h1 {
font-size: 28px;
padding-left: 20px;
}
/* line 18363, app/assets/stylesheets/application.scss */
.positivius-companies-header h1::before, .positivius-companies-header .h1::before {
width: 5px;
}
/* line 18368, app/assets/stylesheets/application.scss */
.positivius-companies-header p {
font-size: 16px;
}
/* line 18373, app/assets/stylesheets/application.scss */
.positivius-companies-table {
border-spacing: 0;
}
/* line 18376, app/assets/stylesheets/application.scss */
.positivius-companies-table thead {
display: none;
}
/* line 18381, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr {
display: block;
margin-bottom: 20px;
border-radius: 12px;
}
/* line 18386, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody tr:hover {
transform: translateY(-4px);
}
/* line 18391, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td {
display: block;
padding: 12px 16px;
text-align: left;
border-radius: 0 !important;
}
/* line 18397, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td::before {
content: attr(data-label) ": ";
font-weight: 700;
color: #191A23;
display: inline;
margin-right: 8px;
font-family: var(--positivus-font);
}
/* line 18406, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td:first-child {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
}
/* line 18411, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td:last-child {
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
}
/* line 18419, app/assets/stylesheets/application.scss */
.company-logo-cell {
text-align: center;
}
/* line 18422, app/assets/stylesheets/application.scss */
.company-logo-cell img {
width: 48px !important;
height: 48px !important;
margin: 0 auto;
}
/* line 18428, app/assets/stylesheets/application.scss */
.company-logo-cell::before {
display: block !important;
text-align: center;
margin-bottom: 8px;
}
/* line 18436, app/assets/stylesheets/application.scss */
.rank-cell h2, .rank-cell .h2 {
display: inline;
font-size: 18px;
}
/* line 18443, app/assets/stylesheets/application.scss */
.company-name-cell h3, .company-name-cell .h3 {
display: inline;
font-size: 16px;
}
/* line 18450, app/assets/stylesheets/application.scss */
.data-cell p {
display: inline;
font-size: 14px;
}
}
/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1024px) {
/* line 18459, app/assets/stylesheets/application.scss */
.positivius-companies-wrapper {
padding: 30px 15px;
}
/* line 18465, app/assets/stylesheets/application.scss */
.positivius-companies-table tbody td {
padding: 16px;
font-size: 14px;
}
/* line 18472, app/assets/stylesheets/application.scss */
.company-logo-cell img {
width: 48px !important;
height: 48px !important;
}
/* line 18477, app/assets/stylesheets/application.scss */
.company-name-cell h3, .company-name-cell .h3 {
font-size: 16px;
}
/* line 18481, app/assets/stylesheets/application.scss */
.rank-cell h2, .rank-cell .h2 {
font-size: 18px;
}
}
/* ========================================
TOP GROWING COMPANIES - POSITIVIUS STYLES
======================================== */
/* Top Growing Table Specific */
/* line 18498, app/assets/stylesheets/application.scss */
.positivius-top-growing-table tbody tr:hover .growth-percent {
transform: scale(1.15) translateY(-2px);
box-shadow: 0 8px 24px rgba(185, 255, 102, 0.5);
}
/* Year Filter Tags */
/* line 18507, app/assets/stylesheets/application.scss */
.year-filter-tags {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 20px;
flex-wrap: wrap;
}
/* line 18514, app/assets/stylesheets/application.scss */
.year-filter-tags a {
display: inline-flex;
align-items: center;
padding: 8px 20px;
border-radius: 9999px;
background: #F3F3F3;
color: #191A23;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 2px solid transparent;
transition: all 0.3s ease;
font-family: var(--positivus-font);
}
/* line 18528, app/assets/stylesheets/application.scss */
.year-filter-tags a:hover {
background: #E5E7EB;
border-color: #191A23;
transform: scale(1.05) translateY(-2px);
}
/* line 18534, app/assets/stylesheets/application.scss */
.year-filter-tags a.active {
background: #B9FF66;
border-color: #191A23;
transform: scale(1.05);
}
/* Growth Percentage Cell */
/* line 18543, app/assets/stylesheets/application.scss */
.growth-percent-cell {
text-align: center;
}
/* line 18547, app/assets/stylesheets/application.scss */
.growth-percent {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 12px;
border-radius: 9999px;
background: #B9FF66;
color: #191A23;
font-weight: 700;
font-size: 14px;
transition: all 0.3s ease;
font-family: var(--positivus-font);
white-space: nowrap;
}
/* line 18561, app/assets/stylesheets/application.scss */
.growth-percent.high-growth {
animation: positivius-pulse 2s ease-in-out infinite;
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.4);
}
/* Growth Difference Cell */
/* line 18569, app/assets/stylesheets/application.scss */
.growth-diff p {
color: #059669 !important;
font-weight: 600 !important;
}
/* Jobs Count Cells */
/* line 18578, app/assets/stylesheets/application.scss */
.jobs-count p,
.previous-count p {
font-weight: 600 !important;
color: #191A23 !important;
}
/* Chart Section */
/* line 18585, app/assets/stylesheets/application.scss */
.positivius-chart-section {
background: #FFFFFF;
border-radius: 16px;
padding: 32px;
margin-top: 40px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
/* line 18592, app/assets/stylesheets/application.scss */
.positivius-chart-section h2, .positivius-chart-section .h2 {
font-family: var(--positivus-font);
font-size: 24px;
font-weight: 800;
color: #191A23;
margin-bottom: 24px;
position: relative;
padding-left: 20px;
text-align: left;
}
/* line 18602, app/assets/stylesheets/application.scss */
.positivius-chart-section h2::before, .positivius-chart-section .h2::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 18616, app/assets/stylesheets/application.scss */
.positivius-chart-section p {
font-family: var(--positivus-font);
color: #6B7280;
line-height: 1.8;
font-size: 16px;
}
/* line 18623, app/assets/stylesheets/application.scss */
.positivius-chart-section ul {
padding-left: 24px;
}
/* line 18626, app/assets/stylesheets/application.scss */
.positivius-chart-section ul li {
font-family: var(--positivus-font);
color: #6B7280;
line-height: 1.6;
font-size: 15px;
margin-bottom: 8px;
}
/* line 18635, app/assets/stylesheets/application.scss */
.positivius-chart-section hr {
display: none;
}
/* Mobile Responsive for Top Growing */
@media (max-width: 768px) {
/* line 18642, app/assets/stylesheets/application.scss */
.year-filter-tags {
gap: 8px;
margin-top: 16px;
}
/* line 18646, app/assets/stylesheets/application.scss */
.year-filter-tags a {
padding: 6px 16px;
font-size: 13px;
}
/* line 18652, app/assets/stylesheets/application.scss */
.positivius-chart-section {
padding: 20px;
margin-top: 30px;
border-radius: 12px;
}
/* line 18657, app/assets/stylesheets/application.scss */
.positivius-chart-section h2, .positivius-chart-section .h2 {
font-size: 20px;
padding-left: 16px;
}
/* line 18661, app/assets/stylesheets/application.scss */
.positivius-chart-section h2::before, .positivius-chart-section .h2::before {
width: 4px;
}
/* line 18666, app/assets/stylesheets/application.scss */
.positivius-chart-section p {
font-size: 15px;
}
/* line 18670, app/assets/stylesheets/application.scss */
.positivius-chart-section ul li {
font-size: 14px;
}
/* line 18675, app/assets/stylesheets/application.scss */
.growth-percent {
padding: 5px 10px;
font-size: 13px;
}
}
/* Tablet Responsive for Top Growing */
@media (min-width: 769px) and (max-width: 1024px) {
/* line 18683, app/assets/stylesheets/application.scss */
.positivius-chart-section {
padding: 24px;
}
/* line 18686, app/assets/stylesheets/application.scss */
.positivius-chart-section h2, .positivius-chart-section .h2 {
font-size: 22px;
}
/* line 18691, app/assets/stylesheets/application.scss */
.growth-percent {
font-size: 13px;
padding: 5px 10px;
}
}
/* ============================================================================
POSITIVIUS LEARN AI PAGE - COMPREHENSIVE STYLING
Updated: October 17, 2025
Complete redesign with tabbed interface, resource cards, and FAQ section
============================================================================ */
/* Main Wrapper */
/* line 18704, app/assets/stylesheets/application.scss */
.positivius-learn-wrapper {
background: #F3F3F3;
min-height: 100vh;
padding: 40px 20px;
font-family: var(--positivus-font);
}
/* Hero Section */
/* line 18712, app/assets/stylesheets/application.scss */
.positivius-learn-hero {
max-width: 1200px;
margin: 0 auto 60px;
text-align: center;
}
/* line 18717, app/assets/stylesheets/application.scss */
.positivius-learn-hero h1, .positivius-learn-hero .h1 {
font-size: 48px;
font-weight: 800;
color: #191A23;
margin-bottom: 20px;
position: relative;
display: inline-block;
padding-left: 28px;
}
/* line 18726, app/assets/stylesheets/application.scss */
.positivius-learn-hero h1::before, .positivius-learn-hero .h1::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 4px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 18740, app/assets/stylesheets/application.scss */
.positivius-learn-hero .subtitle {
font-size: 18px;
color: #6B7280;
margin-bottom: 40px;
line-height: 1.6;
}
/* Filter Tags Section */
/* line 18749, app/assets/stylesheets/application.scss */
.positivius-filter-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-top: 30px;
}
/* line 18756, app/assets/stylesheets/application.scss */
.positivius-filter-tags .my-badge {
padding: 8px 16px;
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
color: #191A23;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
}
/* line 18768, app/assets/stylesheets/application.scss */
.positivius-filter-tags .my-badge:hover {
border-color: #B9FF66;
background: #F9FAFB;
transform: translateY(-2px);
}
/* line 18774, app/assets/stylesheets/application.scss */
.positivius-filter-tags .my-badge.my-badge-primary {
background: #B9FF66;
border-color: #191A23;
color: #191A23;
}
/* line 18780, app/assets/stylesheets/application.scss */
.positivius-filter-tags .my-badge a {
color: inherit;
text-decoration: none;
}
/* Stats Section */
/* line 18788, app/assets/stylesheets/application.scss */
.learn-stats {
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 40px;
flex-wrap: wrap;
}
/* line 18796, app/assets/stylesheets/application.scss */
.stat-item {
text-align: center;
}
/* line 18799, app/assets/stylesheets/application.scss */
.stat-item .stat-number {
font-size: 36px;
font-weight: 800;
color: #191A23;
margin-bottom: 8px;
}
/* line 18806, app/assets/stylesheets/application.scss */
.stat-item .stat-label {
font-size: 14px;
color: #6B7280;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
/* Search Bar */
/* line 18816, app/assets/stylesheets/application.scss */
.search-bar-container {
max-width: 600px;
margin: 0 auto;
position: relative;
}
/* line 18821, app/assets/stylesheets/application.scss */
.search-bar-container .learn-search-input {
width: 100%;
padding: 16px 50px 16px 50px;
font-size: 16px;
border: 2px solid #E5E7EB;
border-radius: 30px;
background: #FFFFFF;
color: #191A23;
transition: all 0.3s ease;
font-family: var(--positivus-font);
}
/* line 18832, app/assets/stylesheets/application.scss */
.search-bar-container .learn-search-input::-moz-placeholder {
color: #9CA3AF;
}
.search-bar-container .learn-search-input::placeholder {
color: #9CA3AF;
}
/* line 18836, app/assets/stylesheets/application.scss */
.search-bar-container .learn-search-input:focus {
outline: none;
border-color: #B9FF66;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 18843, app/assets/stylesheets/application.scss */
.search-bar-container .search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
width: 20px;
height: 20px;
}
/* line 18852, app/assets/stylesheets/application.scss */
.search-bar-container .search-icon path {
stroke: #9CA3AF;
}
/* Tab Navigation */
/* line 18859, app/assets/stylesheets/application.scss */
.positivius-tabs {
display: flex;
gap: 16px;
max-width: 1200px;
margin: 0 auto 40px;
overflow-x: auto;
padding: 8px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #B9FF66 #E5E7EB;
}
/* line 18870, app/assets/stylesheets/application.scss */
.positivius-tabs::-webkit-scrollbar {
height: 6px;
}
/* line 18874, app/assets/stylesheets/application.scss */
.positivius-tabs::-webkit-scrollbar-track {
background: #E5E7EB;
border-radius: 10px;
}
/* line 18879, app/assets/stylesheets/application.scss */
.positivius-tabs::-webkit-scrollbar-thumb {
background: #B9FF66;
border-radius: 10px;
}
/* line 18885, app/assets/stylesheets/application.scss */
.tab-button {
padding: 12px 24px;
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
color: #191A23;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
font-family: var(--positivus-font);
}
/* line 18898, app/assets/stylesheets/application.scss */
.tab-button:hover {
border-color: #B9FF66;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.2);
}
/* line 18904, app/assets/stylesheets/application.scss */
.tab-button.active {
background: #B9FF66;
border-color: #191A23;
color: #191A23;
transform: translateY(-2px);
}
/* line 18911, app/assets/stylesheets/application.scss */
.tab-button:focus-visible {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* Tab Content Sections */
/* line 18918, app/assets/stylesheets/application.scss */
.tab-content-section {
display: none;
animation: fadeIn 0.4s ease;
}
/* line 18922, app/assets/stylesheets/application.scss */
.tab-content-section.active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Resources Grid */
/* line 18940, app/assets/stylesheets/application.scss */
.resources-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
/* Individual Resource Card */
/* line 18949, app/assets/stylesheets/application.scss */
.resource-card {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 16px;
padding: 24px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
cursor: pointer;
}
/* line 18958, app/assets/stylesheets/application.scss */
.resource-card:hover {
transform: translateY(-8px) rotate(0.5deg);
border-color: #B9FF66;
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 18964, app/assets/stylesheets/application.scss */
.resource-card:hover .resource-icon {
transform: scale(1.05) rotate(-2deg);
border-color: #B9FF66;
}
/* line 18969, app/assets/stylesheets/application.scss */
.resource-card:hover .visit-btn {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
}
/* line 18974, app/assets/stylesheets/application.scss */
.resource-card:hover .visit-btn .arrow {
transform: translateX(5px);
}
/* line 18981, app/assets/stylesheets/application.scss */
.resource-icon-wrapper {
margin-bottom: 16px;
}
/* line 18985, app/assets/stylesheets/application.scss */
.resource-icon {
width: 56px;
height: 56px;
border-radius: 12px;
background: #F3F3F3;
border: 3px solid transparent;
transition: all 0.3s ease;
-o-object-fit: cover;
object-fit: cover;
}
/* line 18995, app/assets/stylesheets/application.scss */
.resource-card h3, .resource-card .h3 {
font-size: 18px;
font-weight: 700;
color: #191A23;
margin-bottom: 12px;
line-height: 1.4;
}
/* line 19003, app/assets/stylesheets/application.scss */
.resource-type-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: #F3F3F3;
color: #191A23;
font-size: 12px;
font-weight: 600;
border-radius: 20px;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* line 19018, app/assets/stylesheets/application.scss */
.resource-card .description {
font-size: 14px;
color: #6B7280;
line-height: 1.6;
margin-bottom: 16px;
}
/* Resource Tags */
/* line 19026, app/assets/stylesheets/application.scss */
.resource-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
/* line 19033, app/assets/stylesheets/application.scss */
.resource-tags .tag {
padding: 4px 12px;
background: #F3F3F3;
color: #191A23;
font-size: 12px;
font-weight: 600;
border-radius: 9999px;
transition: all 0.3s ease;
border: 1px solid transparent;
}
/* line 19043, app/assets/stylesheets/application.scss */
.resource-tags .tag:hover {
background: #191A23;
color: #B9FF66;
transform: scale(1.1) translateY(-2px);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3);
border-color: #B9FF66;
}
/* Resource Author */
/* line 19053, app/assets/stylesheets/application.scss */
.resource-author {
font-size: 13px;
color: #9CA3AF;
margin-bottom: 16px;
font-style: italic;
}
/* Visit Button */
/* line 19061, app/assets/stylesheets/application.scss */
.visit-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background: #B9FF66;
color: #191A23;
border: 3px solid #191A23;
border-radius: 30px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
font-family: var(--positivus-font);
width: 100%;
justify-content: center;
}
/* line 19079, app/assets/stylesheets/application.scss */
.visit-btn:hover {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* line 19087, app/assets/stylesheets/application.scss */
.visit-btn .arrow {
transition: transform 0.3s ease;
font-size: 18px;
}
/* Level Badge */
/* line 19094, app/assets/stylesheets/application.scss */
.level-badge {
position: absolute;
top: 16px;
right: 16px;
padding: 6px 12px;
background: #191A23;
color: #B9FF66;
font-size: 11px;
font-weight: 700;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 2px solid #B9FF66;
}
/* FAQ Section */
/* line 19110, app/assets/stylesheets/application.scss */
.faq-section {
max-width: 900px;
margin: 60px auto 0;
}
/* line 19114, app/assets/stylesheets/application.scss */
.faq-section h2, .faq-section .h2 {
font-size: 36px;
font-weight: 800;
color: #191A23;
margin-bottom: 40px;
text-align: center;
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%);
padding-left: 28px;
}
/* line 19126, app/assets/stylesheets/application.scss */
.faq-section h2::before, .faq-section .h2::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 19141, app/assets/stylesheets/application.scss */
.faq-list {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 19147, app/assets/stylesheets/application.scss */
.faq-item {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
}
/* line 19154, app/assets/stylesheets/application.scss */
.faq-item.active {
border-color: #B9FF66;
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.2);
}
/* line 19160, app/assets/stylesheets/application.scss */
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
cursor: pointer;
transition: background 0.3s ease;
}
/* line 19168, app/assets/stylesheets/application.scss */
.faq-question:hover {
background: #F9FAFB;
}
/* line 19172, app/assets/stylesheets/application.scss */
.faq-question h3, .faq-question .h3 {
font-size: 16px;
font-weight: 700;
color: #191A23;
margin: 0;
padding-right: 20px;
line-height: 1.5;
}
/* line 19181, app/assets/stylesheets/application.scss */
.faq-question .toggle-icon {
font-size: 20px;
color: #B9FF66;
transition: transform 0.3s ease;
flex-shrink: 0;
}
/* line 19188, app/assets/stylesheets/application.scss */
.faq-question:focus-visible {
outline: 2px solid #B9FF66;
outline-offset: -2px;
}
/* line 19194, app/assets/stylesheets/application.scss */
.faq-item.active .faq-question .toggle-icon {
transform: rotate(180deg);
}
/* line 19198, app/assets/stylesheets/application.scss */
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 19203, app/assets/stylesheets/application.scss */
.faq-answer.active {
max-height: 2000px;
}
/* line 19208, app/assets/stylesheets/application.scss */
.answer-content {
padding: 0 24px 24px;
color: #6B7280;
line-height: 1.8;
font-size: 15px;
}
/* line 19214, app/assets/stylesheets/application.scss */
.answer-content p {
margin-bottom: 12px;
}
/* line 19217, app/assets/stylesheets/application.scss */
.answer-content p:last-child {
margin-bottom: 0;
}
/* line 19222, app/assets/stylesheets/application.scss */
.answer-content a {
color: #B9FF66;
text-decoration: underline;
}
/* line 19226, app/assets/stylesheets/application.scss */
.answer-content a:hover {
color: #191A23;
}
/* line 19231, app/assets/stylesheets/application.scss */
.answer-content ul,
.answer-content ol {
margin-left: 20px;
margin-bottom: 12px;
}
/* line 19237, app/assets/stylesheets/application.scss */
.answer-content li {
margin-bottom: 8px;
}
/* Empty State */
/* line 19243, app/assets/stylesheets/application.scss */
.empty-state {
text-align: center;
padding: 60px 20px;
}
/* line 19247, app/assets/stylesheets/application.scss */
.empty-state h3, .empty-state .h3 {
font-size: 24px;
font-weight: 700;
color: #191A23;
margin-bottom: 12px;
}
/* line 19254, app/assets/stylesheets/application.scss */
.empty-state p {
font-size: 16px;
color: #6B7280;
}
/* line 19260, app/assets/stylesheets/application.scss */
.no-results {
max-width: 600px;
margin: 40px auto;
}
/* Mobile Responsive */
@media (max-width: 768px) {
/* line 19267, app/assets/stylesheets/application.scss */
.positivius-learn-wrapper {
padding: 20px 10px;
}
/* line 19271, app/assets/stylesheets/application.scss */
.positivius-learn-hero {
margin-bottom: 40px;
}
/* line 19274, app/assets/stylesheets/application.scss */
.positivius-learn-hero h1, .positivius-learn-hero .h1 {
font-size: 32px;
padding-left: 20px;
}
/* line 19278, app/assets/stylesheets/application.scss */
.positivius-learn-hero h1::before, .positivius-learn-hero .h1::before {
width: 6px;
}
/* line 19283, app/assets/stylesheets/application.scss */
.positivius-learn-hero .subtitle {
font-size: 16px;
margin-bottom: 30px;
}
/* line 19289, app/assets/stylesheets/application.scss */
.positivius-filter-tags {
gap: 8px;
}
/* line 19292, app/assets/stylesheets/application.scss */
.positivius-filter-tags .my-badge {
padding: 6px 12px;
font-size: 12px;
}
/* line 19298, app/assets/stylesheets/application.scss */
.learn-stats {
gap: 20px;
}
/* line 19302, app/assets/stylesheets/application.scss */
.learn-stats .stat-item .stat-number {
font-size: 28px;
}
/* line 19306, app/assets/stylesheets/application.scss */
.learn-stats .stat-item .stat-label {
font-size: 12px;
}
/* line 19312, app/assets/stylesheets/application.scss */
.search-bar-container {
margin-bottom: 30px;
}
/* line 19315, app/assets/stylesheets/application.scss */
.search-bar-container .learn-search-input {
padding: 14px 18px 14px 45px;
font-size: 14px;
}
/* line 19320, app/assets/stylesheets/application.scss */
.search-bar-container .search-icon {
left: 15px;
width: 18px;
height: 18px;
}
/* line 19327, app/assets/stylesheets/application.scss */
.positivius-tabs {
gap: 12px;
padding: 4px;
margin-bottom: 30px;
}
/* line 19333, app/assets/stylesheets/application.scss */
.tab-button {
padding: 10px 20px;
font-size: 13px;
}
/* line 19338, app/assets/stylesheets/application.scss */
.resources-grid {
grid-template-columns: 1fr;
gap: 16px;
}
/* line 19343, app/assets/stylesheets/application.scss */
.resource-card {
padding: 20px;
}
/* line 19346, app/assets/stylesheets/application.scss */
.resource-card:hover {
transform: translateY(-4px) rotate(0deg);
}
/* line 19350, app/assets/stylesheets/application.scss */
.resource-card h3, .resource-card .h3 {
font-size: 16px;
}
/* line 19354, app/assets/stylesheets/application.scss */
.resource-card .description {
font-size: 13px;
}
/* line 19359, app/assets/stylesheets/application.scss */
.resource-icon {
width: 48px;
height: 48px;
}
/* line 19364, app/assets/stylesheets/application.scss */
.resource-type-pill {
font-size: 11px;
padding: 5px 12px;
}
/* line 19369, app/assets/stylesheets/application.scss */
.level-badge {
top: 12px;
right: 12px;
padding: 4px 10px;
font-size: 10px;
}
/* line 19376, app/assets/stylesheets/application.scss */
.visit-btn {
padding: 10px 20px;
font-size: 13px;
}
/* line 19381, app/assets/stylesheets/application.scss */
.faq-section {
margin-top: 40px;
}
/* line 19384, app/assets/stylesheets/application.scss */
.faq-section h2, .faq-section .h2 {
font-size: 28px;
margin-bottom: 30px;
padding-left: 20px;
}
/* line 19389, app/assets/stylesheets/application.scss */
.faq-section h2::before, .faq-section .h2::before {
width: 5px;
}
/* line 19395, app/assets/stylesheets/application.scss */
.faq-question {
padding: 16px 20px;
}
/* line 19398, app/assets/stylesheets/application.scss */
.faq-question h3, .faq-question .h3 {
font-size: 14px;
padding-right: 15px;
}
/* line 19403, app/assets/stylesheets/application.scss */
.faq-question .toggle-icon {
font-size: 18px;
}
/* line 19408, app/assets/stylesheets/application.scss */
.answer-content {
padding: 0 20px 20px;
font-size: 14px;
}
/* line 19413, app/assets/stylesheets/application.scss */
.empty-state {
padding: 40px 20px;
}
/* line 19416, app/assets/stylesheets/application.scss */
.empty-state h3, .empty-state .h3 {
font-size: 20px;
}
/* line 19420, app/assets/stylesheets/application.scss */
.empty-state p {
font-size: 14px;
}
}
/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1024px) {
/* line 19428, app/assets/stylesheets/application.scss */
.positivius-learn-wrapper {
padding: 30px 15px;
}
/* line 19432, app/assets/stylesheets/application.scss */
.positivius-learn-hero h1, .positivius-learn-hero .h1 {
font-size: 40px;
}
/* line 19436, app/assets/stylesheets/application.scss */
.resources-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
/* line 19441, app/assets/stylesheets/application.scss */
.resource-card {
padding: 22px;
}
}
/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
/* line 19449, app/assets/stylesheets/application.scss */
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
/* line 19457, app/assets/stylesheets/application.scss */
.resource-card:hover {
transform: none;
}
/* line 19461, app/assets/stylesheets/application.scss */
.tab-button:hover {
transform: none;
}
/* line 19465, app/assets/stylesheets/application.scss */
.faq-question .toggle-icon {
transition: none;
}
}
/* Print Styles */
@media print {
/* line 19472, app/assets/stylesheets/application.scss */
.positivius-learn-wrapper {
background: white;
}
/* line 19476, app/assets/stylesheets/application.scss */
.search-bar-container,
.positivius-tabs {
display: none;
}
/* line 19481, app/assets/stylesheets/application.scss */
.resource-card {
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
}
}
/* line 19496, app/assets/stylesheets/application.scss */
.positivius-cities-wrapper {
background: transparent;
padding: 40px 20px;
max-width: 1400px;
margin: 0 auto;
}
/* line 19504, app/assets/stylesheets/application.scss */
.positivius-cities-header {
text-align: center;
margin-bottom: 48px;
}
/* line 19508, app/assets/stylesheets/application.scss */
.positivius-cities-header h1, .positivius-cities-header .h1 {
font-size: 36px;
font-weight: 800;
font-family: var(--positivus-font);
color: #191A23;
margin-bottom: 24px;
padding-left: 0;
padding-bottom: 20px;
position: relative;
}
/* line 19519, app/assets/stylesheets/application.scss */
.positivius-cities-header h1::before, .positivius-cities-header .h1::before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 80px;
height: 6px;
background: linear-gradient(90deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 19533, app/assets/stylesheets/application.scss */
.positivius-cities-header p {
font-size: 17px;
color: #6B7280;
line-height: 1.8;
max-width: 700px;
margin: 0 auto;
}
/* line 19543, app/assets/stylesheets/application.scss */
.positivius-cities-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 16px;
}
/* line 19550, app/assets/stylesheets/application.scss */
.positivius-cities-table thead tr th {
text-align: left;
padding: 16px 20px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #191A23;
background: transparent;
border-bottom: 2px solid #E5E7EB;
font-family: var(--positivus-font);
}
/* line 19566, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row {
background: #FFFFFF;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}
/* line 19575, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row::before {
content: '';
position: absolute;
inset: 0;
border: 2px solid #E5E7EB;
border-radius: 16px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
}
/* line 19586, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover {
transform: translateY(-8px) rotate(0.5deg);
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 19591, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover::before {
border-color: #B9FF66;
}
/* line 19596, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover .city-name-link h2, .positivius-cities-table tbody tr.positivius-city-row:hover .city-name-link .h2 {
color: #B9FF66;
}
/* line 19601, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover .region-tag {
background: #191A23;
color: #B9FF66;
transform: scale(1.1) translateY(-3px) rotate(-1deg);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* line 19609, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover .city-emoji {
transform: scale(1.15) rotate(-5deg);
}
/* line 19615, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:focus {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* line 19620, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:focus-visible {
outline: 3px solid #B9FF66;
outline-offset: 2px;
}
/* line 19625, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td {
padding: 20px;
vertical-align: middle;
background: transparent;
}
/* line 19630, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td:first-child {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
/* line 19635, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td:last-child {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
/* line 19647, app/assets/stylesheets/application.scss */
.positivius-cities-table .rank-cell h3, .positivius-cities-table .rank-cell .h3 {
font-size: 20px;
font-weight: 800;
color: #191A23;
margin: 0;
font-family: var(--positivus-font);
}
/* line 19658, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link {
text-decoration: none;
display: flex;
align-items: center;
gap: 12px;
}
/* line 19664, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link .city-emoji {
font-size: 28px;
transition: transform 0.3s ease;
display: inline-block;
line-height: 1;
}
/* line 19671, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link h2, .positivius-cities-table .city-cell .city-name-link .h2 {
font-size: 18px;
font-weight: 700;
color: #191A23;
margin: 0;
transition: color 0.3s ease;
font-family: var(--positivus-font);
}
/* line 19684, app/assets/stylesheets/application.scss */
.positivius-cities-table .country-cell a {
text-decoration: none;
}
/* line 19687, app/assets/stylesheets/application.scss */
.positivius-cities-table .country-cell a h2, .positivius-cities-table .country-cell a .h2 {
font-size: 16px;
font-weight: 600;
color: #191A23;
margin: 0;
transition: color 0.3s ease;
font-family: var(--positivus-font);
}
/* line 19695, app/assets/stylesheets/application.scss */
.positivius-cities-table .country-cell a h2:hover, .positivius-cities-table .country-cell a .h2:hover {
color: #B9FF66;
}
/* line 19704, app/assets/stylesheets/application.scss */
.positivius-cities-table .region-cell .region-tag {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 9999px;
background: #F3F3F3;
color: #191A23;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
font-family: var(--positivus-font);
}
/* line 19717, app/assets/stylesheets/application.scss */
.positivius-cities-table .region-cell .region-tag:hover {
background: #191A23;
color: #B9FF66;
transform: scale(1.1) translateY(-3px) rotate(-1deg);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* line 19728, app/assets/stylesheets/application.scss */
.positivius-cities-table .data-cell.jobs-count p {
font-size: 16px;
font-weight: 600;
color: #191A23;
margin: 0;
font-family: var(--positivus-font);
}
@media (max-width: 768px) {
/* line 19741, app/assets/stylesheets/application.scss */
.positivius-cities-wrapper {
padding: 20px 10px;
}
/* line 19745, app/assets/stylesheets/application.scss */
.positivius-cities-header {
margin-bottom: 32px;
}
/* line 19748, app/assets/stylesheets/application.scss */
.positivius-cities-header h1, .positivius-cities-header .h1 {
font-size: 28px;
padding-bottom: 16px;
}
/* line 19752, app/assets/stylesheets/application.scss */
.positivius-cities-header h1::before, .positivius-cities-header .h1::before {
width: 60px;
height: 5px;
}
/* line 19758, app/assets/stylesheets/application.scss */
.positivius-cities-header p {
font-size: 15px;
}
/* line 19763, app/assets/stylesheets/application.scss */
.positivius-cities-table {
border-spacing: 0 20px;
}
/* line 19766, app/assets/stylesheets/application.scss */
.positivius-cities-table thead {
display: none;
}
/* line 19771, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row {
display: block;
margin-bottom: 20px;
border-radius: 12px;
}
/* line 19776, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row::before {
border-radius: 12px;
}
/* line 19780, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row:hover {
transform: translateY(-4px);
rotate: 0deg;
}
/* line 19785, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td {
display: block;
padding: 12px 16px;
text-align: left;
position: relative;
padding-left: 140px;
min-height: 44px;
}
/* line 19793, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td::before {
content: attr(data-label);
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
color: #6B7280;
letter-spacing: 0.5px;
}
/* line 19806, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
}
/* line 19812, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
/* line 19823, app/assets/stylesheets/application.scss */
.positivius-cities-table .rank-cell h3, .positivius-cities-table .rank-cell .h3 {
font-size: 18px;
}
/* line 19828, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link .city-emoji {
font-size: 24px;
}
/* line 19832, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link h2, .positivius-cities-table .city-cell .city-name-link .h2 {
font-size: 16px;
}
/* line 19837, app/assets/stylesheets/application.scss */
.positivius-cities-table .country-cell h2, .positivius-cities-table .country-cell .h2 {
font-size: 14px;
}
/* line 19841, app/assets/stylesheets/application.scss */
.positivius-cities-table .region-cell .region-tag {
font-size: 11px;
padding: 5px 12px;
}
/* line 19846, app/assets/stylesheets/application.scss */
.positivius-cities-table .data-cell.jobs-count p {
font-size: 14px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
/* line 19855, app/assets/stylesheets/application.scss */
.positivius-cities-wrapper {
padding: 30px 15px;
}
/* line 19860, app/assets/stylesheets/application.scss */
.positivius-cities-table tbody tr.positivius-city-row td {
padding: 16px;
}
/* line 19865, app/assets/stylesheets/application.scss */
.positivius-cities-table .city-cell .city-name-link .city-emoji {
font-size: 24px;
}
}
@media (prefers-reduced-motion: reduce) {
/* line 19874, app/assets/stylesheets/application.scss */
.positivius-city-row {
transition: none !important;
}
/* line 19877, app/assets/stylesheets/application.scss */
.positivius-city-row:hover {
transform: none !important;
}
/* line 19881, app/assets/stylesheets/application.scss */
.positivius-city-row::before {
transition: none !important;
}
/* line 19886, app/assets/stylesheets/application.scss */
.city-emoji,
.region-tag,
.city-name-link h2,
.city-name-link .h2 {
transition: none !important;
transform: none !important;
}
}
/* line 19901, app/assets/stylesheets/application.scss */
.w-full.flex.justify-center {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* line 19911, app/assets/stylesheets/application.scss */
.w-full.flex.justify-center > header.w-full.max-w-5xl,
header.w-full.max-w-5xl.bg-white {
background-color: #FFFFFF !important;
background: #FFFFFF !important;
width: 100% !important;
max-width: 80rem !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* line 19926, app/assets/stylesheets/application.scss */
.positivius-jobs-email-form input[type="email"],
.positivius-jobs-email-form #user_email {
background-color: #F3F3F3 !important;
background: #F3F3F3 !important;
color: #191A23 !important;
border: 1px solid transparent !important;
border-color: transparent !important;
border-width: 1px !important;
border-radius: 0.75rem !important;
padding-left: 1rem !important;
padding-right: 8rem !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-family: 'Inter', sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
height: 3rem !important;
min-height: 3rem !important;
max-height: 3rem !important;
line-height: 1.5 !important;
box-shadow: none !important;
outline: none !important;
box-sizing: border-box !important;
}
/* line 19950, app/assets/stylesheets/application.scss */
.positivius-jobs-email-form input[type="email"]:focus,
.positivius-jobs-email-form #user_email:focus {
background-color: #FFFFFF !important;
background: #FFFFFF !important;
border-color: rgba(25, 26, 35, 0.1) !important;
box-shadow: 0 0 0 2px rgba(25, 26, 35, 0.05) !important;
}
/* line 19957, app/assets/stylesheets/application.scss */
.positivius-jobs-email-form input[type="email"]::-moz-placeholder, .positivius-jobs-email-form #user_email::-moz-placeholder {
color: rgba(25, 26, 35, 0.3) !important;
}
.positivius-jobs-email-form input[type="email"]::placeholder,
.positivius-jobs-email-form #user_email::placeholder {
color: rgba(25, 26, 35, 0.3) !important;
}
/* line 19963, app/assets/stylesheets/application.scss */
.email-suggestions {
position: absolute !important;
width: 100% !important;
z-index: 50 !important;
background: #ffffff !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
border-radius: 0.5rem !important;
margin-top: 0.25rem !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
padding: 0.25rem !important;
display: none;
}
/* line 19976, app/assets/stylesheets/application.scss */
.email-suggestions:not(.hidden):not(.d-none) {
display: block !important;
}
/* line 19980, app/assets/stylesheets/application.scss */
.email-suggestions.hidden {
display: none !important;
}
/* line 19984, app/assets/stylesheets/application.scss */
.email-suggestions .suggestion-item {
padding: 0.625rem 0.75rem;
border-radius: 0.625rem;
color: #191a23;
font-weight: 600;
cursor: pointer;
}
/* line 19992, app/assets/stylesheets/application.scss */
.email-suggestions .suggestion-item:hover {
background: #f3f3f3;
}
/* CRITICAL: Fix header flex alignment - CENTER align form with title section */
/* line 20002, app/assets/stylesheets/application.scss */
header.w-full.max-w-5xl .relative.z-10.flex,
header .relative.z-10.flex.flex-col.md\:flex-row {
display: flex !important;
}
@media (max-width: 767px) {
/* line 20002, app/assets/stylesheets/application.scss */
header.w-full.max-w-5xl .relative.z-10.flex,
header .relative.z-10.flex.flex-col.md\:flex-row {
flex-direction: column !important;
align-items: stretch !important;
}
}
@media (min-width: 768px) {
/* line 20002, app/assets/stylesheets/application.scss */
header.w-full.max-w-5xl .relative.z-10.flex,
header .relative.z-10.flex.flex-col.md\:flex-row {
flex-direction: row !important;
align-items: center !important;
/* CENTER align - removes gap above form */
}
}
/* line 20018, app/assets/stylesheets/application.scss */
.positivius-jobs-email-form {
/* Form aligns with center of title section */
}
@keyframes positivius-ping {
0% {
transform: scale(1);
opacity: 0.75;
}
75% {
transform: scale(2.4);
opacity: 0;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
/* line 20047, app/assets/stylesheets/application.scss */
.modern-filters-container {
background: #FFFFFF;
border-radius: 16px;
padding: 24px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
margin-bottom: 32px;
border: 1px solid #E5E7EB;
width: 100% !important;
display: block !important;
}
/* line 20057, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
align-items: center !important;
width: 100% !important;
flex: 1 1 auto !important;
}
@media (max-width: 768px) {
/* line 20057, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-row {
flex-direction: column !important;
align-items: stretch !important;
}
}
/* line 20073, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-row .filter-group {
flex: 1 1 auto !important;
min-width: 150px !important;
display: flex !important;
flex-direction: column !important;
}
/* line 20081, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-row .filter-button {
align-self: flex-end !important;
height: 42px !important;
}
/* line 20088, app/assets/stylesheets/application.scss */
.modern-filters-container + .remote-toggle-container {
display: flex;
justify-content: center;
margin: 16px 0;
}
/* line 20094, app/assets/stylesheets/application.scss */
.modern-filters-container + form.modern-remote-filter {
display: flex;
justify-content: center;
margin: 16px 0;
}
/* line 20100, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-label {
display: block;
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
font-family: 'Inter', sans-serif;
}
/* line 20109, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-select {
width: 100%;
padding: 10px 12px;
border: 1px solid #D1D5DB;
border-radius: 8px;
background-color: #FFFFFF;
font-size: 14px;
font-family: 'Inter', sans-serif;
color: #374151;
transition: all 0.2s ease;
}
/* line 20120, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-select:focus {
outline: none;
border-color: #B9FF66;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.3);
}
/* line 20127, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-button {
align-self: flex-end;
padding: 10px 20px;
background-color: #191A23;
color: #FFFFFF;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
height: 42px;
}
/* line 20141, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-button:hover {
background-color: #374151;
}
@media (max-width: 768px) {
/* line 20127, app/assets/stylesheets/application.scss */
.modern-filters-container .filter-button {
align-self: stretch;
}
}
/* line 20155, app/assets/stylesheets/application.scss */
.job-card-modern {
position: relative;
background: #FFFFFF;
border-radius: 16px;
padding: 24px;
margin-bottom: 20px;
border: 1px solid #E5E7EB;
transition: all 0.3s ease;
cursor: pointer;
overflow: hidden;
}
/* line 20167, app/assets/stylesheets/application.scss */
.job-card-modern::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 18px;
background: radial-gradient(circle, rgba(185, 255, 102, 0.8), transparent 70%);
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
/* line 20181, app/assets/stylesheets/application.scss */
.job-card-modern:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
/* line 20185, app/assets/stylesheets/application.scss */
.job-card-modern:hover::before {
opacity: 1;
}
/* line 20189, app/assets/stylesheets/application.scss */
.job-card-modern:hover .job-card-title {
color: #191A23;
}
/* line 20195, app/assets/stylesheets/application.scss */
.job-card-modern.new-job {
animation: rotatePulse 2s infinite;
}
@keyframes rotatePulse {
0%,
100% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-2px) rotate(-0.5deg);
}
}
/* line 20212, app/assets/stylesheets/application.scss */
.job-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16px;
}
/* line 20219, app/assets/stylesheets/application.scss */
.job-card-company {
display: flex;
align-items: center;
gap: 12px;
}
/* line 20225, app/assets/stylesheets/application.scss */
.job-card-logo {
width: 48px;
height: 48px;
border-radius: 8px;
background-color: #F3F4F6;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: #191A23;
flex-shrink: 0;
}
/* line 20239, app/assets/stylesheets/application.scss */
.job-card-title-section {
flex: 1;
min-width: 0;
}
/* line 20244, app/assets/stylesheets/application.scss */
.job-card-title {
font-size: 18px;
font-weight: 700;
color: #191A23;
margin: 0 0 4px 0;
line-height: 1.3;
font-family: 'Inter', sans-serif;
}
/* line 20253, app/assets/stylesheets/application.scss */
.job-card-company-name {
font-size: 14px;
color: #6B7280;
margin: 0;
font-family: 'Inter', sans-serif;
}
/* line 20260, app/assets/stylesheets/application.scss */
.job-card-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
background-color: #B9FF66;
color: #191A23;
line-height: 1;
}
/* line 20274, app/assets/stylesheets/application.scss */
.job-card-meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 16px;
font-size: 14px;
color: #6B7280;
font-family: 'Inter', sans-serif;
}
/* line 20284, app/assets/stylesheets/application.scss */
.job-card-location,
.job-card-salary {
display: flex;
align-items: center;
gap: 6px;
}
/* line 20291, app/assets/stylesheets/application.scss */
.job-card-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 20297, app/assets/stylesheets/application.scss */
.job-card-tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 12px;
border-radius: 9999px;
font-size: 12px;
font-weight: 600;
background-color: rgba(185, 255, 102, 0.2);
color: #B9FF66;
line-height: 1;
font-family: 'Inter', sans-serif;
transition: all 0.3s ease;
cursor: pointer;
}
/* line 20313, app/assets/stylesheets/application.scss */
.job-card-tag:hover {
color: #B9FF66 !important;
background: #191A23 !important;
transform: translateY(-1px);
}
/* line 20320, app/assets/stylesheets/application.scss */
.job-card-tag.pulse-tag {
animation: pulseTag 2s infinite;
}
@keyframes pulseTag {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.05);
opacity: 0.7;
}
}
/* line 20343, app/assets/stylesheets/application.scss */
.job-details-modern {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
}
@media (max-width: 1024px) {
/* line 20343, app/assets/stylesheets/application.scss */
.job-details-modern {
grid-template-columns: 1fr;
gap: 24px;
}
}
/* line 20354, app/assets/stylesheets/application.scss */
.job-details-panel {
background: #FFFFFF;
border-radius: 16px;
padding: 24px;
border: 1px solid #E5E7EB;
position: sticky;
top: 20px;
}
@media (max-width: 1024px) {
/* line 20354, app/assets/stylesheets/application.scss */
.job-details-panel {
position: static;
}
}
/* line 20367, app/assets/stylesheets/application.scss */
.job-description-panel {
background: #FFFFFF;
border-radius: 16px;
padding: 32px;
border: 1px solid #E5E7EB;
}
/* line 20374, app/assets/stylesheets/application.scss */
.job-details-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #E5E7EB;
}
/* line 20383, app/assets/stylesheets/application.scss */
.job-details-company {
display: flex;
align-items: center;
gap: 16px;
}
/* line 20389, app/assets/stylesheets/application.scss */
.job-details-logo {
width: 64px;
height: 64px;
border-radius: 12px;
background-color: #F3F4F6;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 24px;
color: #191A23;
flex-shrink: 0;
}
/* line 20403, app/assets/stylesheets/application.scss */
.job-details-title-section {
flex: 1;
min-width: 0;
}
/* line 20408, app/assets/stylesheets/application.scss */
.job-details-title {
font-size: 24px;
font-weight: 800;
color: #191A23;
margin: 0 0 8px 0;
line-height: 1.2;
font-family: 'Inter', sans-serif;
}
/* line 20417, app/assets/stylesheets/application.scss */
.job-details-company-name {
font-size: 16px;
color: #6B7280;
margin: 0;
font-family: 'Inter', sans-serif;
}
/* line 20424, app/assets/stylesheets/application.scss */
.job-details-company-link {
text-decoration: none;
transition: all 0.2s ease;
display: inline-block;
}
/* line 20430, app/assets/stylesheets/application.scss */
.job-details-company-link:hover {
color: #191A23;
text-decoration: underline;
text-decoration-color: #B9FF66;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
/* line 20438, app/assets/stylesheets/application.scss */
.job-desc-company-link {
text-decoration: none;
transition: all 0.2s ease;
}
/* line 20443, app/assets/stylesheets/application.scss */
.job-desc-company-link:hover {
text-decoration: underline;
text-decoration-color: #B9FF66;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
/* line 20450, app/assets/stylesheets/application.scss */
.job-details-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #E5E7EB;
}
/* line 20459, app/assets/stylesheets/application.scss */
.job-details-meta-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #374151;
font-family: 'Inter', sans-serif;
}
/* line 20468, app/assets/stylesheets/application.scss */
.job-details-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
/* line 20474, app/assets/stylesheets/application.scss */
.job-details-apply-btn {
flex: 1;
min-width: 150px;
padding: 12px 20px;
background-color: #B9FF66;
color: #191A23;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 700;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
/* line 20489, app/assets/stylesheets/application.scss */
.job-details-apply-btn:hover {
background-color: #A3E635;
}
/* line 20494, app/assets/stylesheets/application.scss */
.job-details-secondary-btn {
padding: 12px 20px;
background-color: #F3F4F6;
color: #374151;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 20506, app/assets/stylesheets/application.scss */
.job-details-secondary-btn:hover {
background-color: #E5E7EB;
}
/* line 20511, app/assets/stylesheets/application.scss */
.job-description-section {
margin-bottom: 32px;
}
/* line 20515, app/assets/stylesheets/application.scss */
.job-description-title {
font-size: 20px;
font-weight: 700;
color: #191A23;
margin: 0 0 16px 0;
font-family: 'Inter', sans-serif;
}
/* line 20523, app/assets/stylesheets/application.scss */
.job-description-content {
color: #374151;
font-family: 'Inter', sans-serif;
line-height: 1.6;
}
/* line 20528, app/assets/stylesheets/application.scss */
.job-description-content p {
margin-bottom: 16px;
}
/* line 20532, app/assets/stylesheets/application.scss */
.job-description-content ul,
.job-description-content ol {
margin-bottom: 16px;
padding-left: 24px;
}
/* line 20537, app/assets/stylesheets/application.scss */
.job-description-content ul li,
.job-description-content ol li {
margin-bottom: 8px;
}
/* line 20542, app/assets/stylesheets/application.scss */
.job-description-content h3, .job-description-content .h3 {
font-size: 18px;
font-weight: 700;
color: #191A23;
margin: 24px 0 16px 0;
font-family: 'Inter', sans-serif;
}
/* line 20551, app/assets/stylesheets/application.scss */
.job-description-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 24px 0;
}
/* line 20558, app/assets/stylesheets/application.scss */
.job-description-tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 16px;
border-radius: 9999px;
font-size: 14px;
font-weight: 600;
background-color: rgba(185, 255, 102, 0.2);
color: #B9FF66;
line-height: 1;
font-family: 'Inter', sans-serif;
}
/* line 20572, app/assets/stylesheets/application.scss */
.job-description-tag.pulse-tag {
animation: pulseTag 2s infinite;
}
/* line 20577, app/assets/stylesheets/application.scss */
.job-description-apply {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #E5E7EB;
}
/* line 20587, app/assets/stylesheets/application.scss */
.job-description-apply-btn {
flex: 1;
min-width: 200px;
padding: 16px 24px;
background-color: #B9FF66;
color: #191A23;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 700;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
/* line 20602, app/assets/stylesheets/application.scss */
.job-description-apply-btn:hover {
background-color: #A3E635;
}
/* line 20607, app/assets/stylesheets/application.scss */
.job-description-contact {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
background-color: #F3F4F6;
color: #374151;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 20621, app/assets/stylesheets/application.scss */
.job-description-contact:hover {
background-color: #E5E7EB;
}
/* line 20626, app/assets/stylesheets/application.scss */
.job-description-share {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: #F3F4F6;
color: #374151;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 20638, app/assets/stylesheets/application.scss */
.job-description-share:hover {
background-color: #E5E7EB;
}
@media (max-width: 768px) {
/* line 20648, app/assets/stylesheets/application.scss */
.positivius-jobs-header-wrapper {
padding: 40px 16px;
min-height: 250px;
}
/* line 20653, app/assets/stylesheets/application.scss */
.positivius-jobs-header h1, .positivius-jobs-header .h1 {
font-size: 28px;
}
/* line 20656, app/assets/stylesheets/application.scss */
.positivius-jobs-header h1::after, .positivius-jobs-header .h1::after {
width: 60px;
height: 4px;
}
/* line 20662, app/assets/stylesheets/application.scss */
.positivius-job-count {
font-size: 20px;
margin-top: 16px;
margin-bottom: 24px;
}
/* line 20668, app/assets/stylesheets/application.scss */
.modern-filters-container {
padding: 16px;
margin-bottom: 24px;
}
/* line 20673, app/assets/stylesheets/application.scss */
.job-card-modern {
padding: 16px;
}
/* line 20677, app/assets/stylesheets/application.scss */
.job-card-header {
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
/* line 20683, app/assets/stylesheets/application.scss */
.job-card-meta {
gap: 12px;
}
/* line 20687, app/assets/stylesheets/application.scss */
.job-description-panel {
padding: 24px;
}
/* line 20691, app/assets/stylesheets/application.scss */
.job-details-title {
font-size: 20px;
}
/* line 20695, app/assets/stylesheets/application.scss */
.job-description-apply-btn {
min-width: 100%;
}
}
@media (max-width: 480px) {
/* line 20701, app/assets/stylesheets/application.scss */
.job-card-modern {
padding: 12px;
}
/* line 20705, app/assets/stylesheets/application.scss */
.job-card-logo {
width: 40px;
height: 40px;
font-size: 16px;
}
/* line 20711, app/assets/stylesheets/application.scss */
.job-card-title {
font-size: 16px;
}
/* line 20715, app/assets/stylesheets/application.scss */
.job-card-company-name {
font-size: 12px;
}
/* line 20719, app/assets/stylesheets/application.scss */
.job-card-meta {
flex-direction: column;
gap: 8px;
}
/* line 20724, app/assets/stylesheets/application.scss */
.job-details-panel,
.job-description-panel {
padding: 16px;
}
/* line 20729, app/assets/stylesheets/application.scss */
.job-details-logo {
width: 48px;
height: 48px;
font-size: 18px;
border-radius: 8px;
}
/* line 20736, app/assets/stylesheets/application.scss */
.job-details-title {
font-size: 18px;
}
/* line 20740, app/assets/stylesheets/application.scss */
.job-details-company-name {
font-size: 14px;
}
/* line 20744, app/assets/stylesheets/application.scss */
.job-details-meta {
gap: 12px;
}
/* line 20748, app/assets/stylesheets/application.scss */
.job-details-actions {
flex-direction: column;
}
/* line 20752, app/assets/stylesheets/application.scss */
.job-details-apply-btn,
.job-details-secondary-btn {
width: 100%;
}
/* line 20757, app/assets/stylesheets/application.scss */
.job-description-apply {
flex-direction: column;
gap: 12px;
}
}
/* line 20763, app/assets/stylesheets/application.scss */
.positivius-filter-category {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}
/* line 20769, app/assets/stylesheets/application.scss */
.positivius-filter-category:last-child {
margin-bottom: 0;
}
/* line 20773, app/assets/stylesheets/application.scss */
.positivius-filter-category .filter-category-label,
.positivius-filter-category h3.filter-category-label {
font-family: var(--positivus-font), "Inter", sans-serif;
font-size: 13px;
font-weight: 800;
color: #191A23;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 10px 16px 10px 12px;
min-width: 140px;
flex-shrink: 0;
position: relative;
background: linear-gradient(135deg, rgba(185, 255, 102, 0.1) 0%, transparent 100%);
border-radius: 8px;
border-left: 3px solid #B9FF66;
}
/* line 20791, app/assets/stylesheets/application.scss */
.positivius-filter-category .filter-category-label::after,
.positivius-filter-category h3.filter-category-label::after {
content: '';
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: #B9FF66;
border-radius: 50%;
box-shadow: 0 0 8px rgba(185, 255, 102, 0.6);
}
/* line 20806, app/assets/stylesheets/application.scss */
.positivius-filter-tags-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
flex: 1;
}
/* line 20814, app/assets/stylesheets/application.scss */
.positivius-filter-tag {
display: inline-block;
padding: 8px 16px;
border-radius: 9999px;
background: #F3F3F3;
color: #191A23;
font-size: 13px;
font-weight: 600;
font-family: var(--positivus-font), "Inter", sans-serif;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
text-decoration: none;
border: 2px solid transparent;
white-space: nowrap;
position: relative;
overflow: hidden;
}
/* line 20832, app/assets/stylesheets/application.scss */
.positivius-filter-tag::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(185, 255, 102, 0.2), transparent);
transition: left 0.5s ease;
}
/* line 20843, app/assets/stylesheets/application.scss */
.positivius-filter-tag.active {
background: #B9FF66;
color: #191A23;
border-color: #191A23;
box-shadow: 0 4px 16px rgba(185, 255, 102, 0.4), 0 0 0 4px rgba(185, 255, 102, 0.1);
transform: scale(1.02);
}
/* line 20852, app/assets/stylesheets/application.scss */
.positivius-filter-tag.active:hover {
color: #B9FF66 !important;
background: #191A23 !important;
transform: translateY(-1px);
}
/* line 20859, app/assets/stylesheets/application.scss */
.positivius-filter-tag:hover {
color: #B9FF66 !important;
background: #191A23 !important;
transform: translateY(-1px);
text-decoration: none;
}
/* line 20865, app/assets/stylesheets/application.scss */
.positivius-filter-tag:hover::before {
left: 100%;
}
/* line 20870, app/assets/stylesheets/application.scss */
.positivius-filter-tag:active {
transform: scale(1.05) translateY(-1px);
transition: all 0.1s ease;
}
/* line 20875, app/assets/stylesheets/application.scss */
.positivius-filter-tag a {
color: inherit;
text-decoration: none;
position: relative;
z-index: 1;
}
/* line 20884, app/assets/stylesheets/application.scss */
.positivius-user-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 220px));
gap: 24px;
margin: 0 auto 40px;
max-width: 100%;
align-items: stretch;
justify-content: center;
}
@media (max-width: 768px) {
/* line 20884, app/assets/stylesheets/application.scss */
.positivius-user-cards-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 16px;
}
}
/* line 20900, app/assets/stylesheets/application.scss */
.positivius-user-card {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 16px;
padding: 20px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 450px;
height: 100%;
}
/* line 20915, app/assets/stylesheets/application.scss */
.positivius-user-card:hover {
transform: translateY(-8px) rotate(0.5deg);
border-color: #B9FF66;
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 20923, app/assets/stylesheets/application.scss */
.positivius-user-card:focus-visible {
outline: 3px solid #B9FF66;
outline-offset: 2px;
}
/* line 20929, app/assets/stylesheets/application.scss */
.positivius-user-avatar-container {
position: relative;
width: 160px;
height: 160px;
margin-bottom: 16px;
}
/* line 20936, app/assets/stylesheets/application.scss */
.positivius-user-avatar {
width: 160px;
height: 160px;
border-radius: 12px;
border: 3px solid transparent;
transition: all 0.3s ease;
-o-object-fit: cover;
object-fit: cover;
}
/* line 20944, app/assets/stylesheets/application.scss */
.positivius-user-card:hover .positivius-user-avatar {
border-color: #B9FF66;
transform: scale(1.05) rotate(-2deg);
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.3);
}
/* line 20951, app/assets/stylesheets/application.scss */
.positivius-user-salary {
position: absolute;
top: 8px;
left: 8px;
background: rgba(255, 255, 255, 0.95);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: 6px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 700;
color: #191A23;
font-family: var(--positivus-font), "Inter", sans-serif;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* line 20966, app/assets/stylesheets/application.scss */
.positivius-user-flag {
position: absolute;
top: 8px;
right: 8px;
font-size: 24px;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
/* line 20974, app/assets/stylesheets/application.scss */
.positivius-user-info {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* line 20982, app/assets/stylesheets/application.scss */
.positivius-user-name-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 8px;
}
/* line 20990, app/assets/stylesheets/application.scss */
.positivius-user-name {
font-family: var(--positivus-font), "Inter", sans-serif;
font-size: 18px;
font-weight: 700;
color: #191A23;
transition: color 0.3s ease;
text-decoration: none;
}
/* line 20998, app/assets/stylesheets/application.scss */
.positivius-user-name:hover {
color: #B9FF66;
text-decoration: none;
}
/* line 21004, app/assets/stylesheets/application.scss */
.positivius-user-verified {
display: inline-flex;
align-items: center;
}
/* line 21009, app/assets/stylesheets/application.scss */
.positivius-user-profile-score {
font-size: 11px;
color: #6B7280;
margin-bottom: 8px;
font-family: var(--positivus-font), "Inter", sans-serif;
}
/* line 21016, app/assets/stylesheets/application.scss */
.positivius-user-title {
font-family: var(--positivus-font), "Inter", sans-serif;
font-size: 12px;
font-weight: 400;
color: #6B7280;
margin-bottom: 8px;
line-height: 1.4;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 21029, app/assets/stylesheets/application.scss */
.positivius-user-experience {
font-family: var(--positivus-font), "Inter", sans-serif;
font-size: 13px;
font-weight: 400;
color: #6B7280;
margin-bottom: 12px;
}
/* line 21037, app/assets/stylesheets/application.scss */
.positivius-user-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
margin-bottom: 12px;
min-height: 70px;
align-items: flex-start;
}
/* line 21047, app/assets/stylesheets/application.scss */
.positivius-user-tag {
display: inline-block;
padding: 4px 10px;
border-radius: 9999px;
background: #F3F3F3;
color: #191A23;
font-size: 11px;
font-weight: 600;
font-family: var(--positivus-font), "Inter", sans-serif;
transition: all 0.3s ease;
}
/* line 21058, app/assets/stylesheets/application.scss */
.positivius-user-tag:hover {
color: #B9FF66 !important;
background: #191A23 !important;
transform: translateY(-1px);
}
/* line 21065, app/assets/stylesheets/application.scss */
.positivius-user-languages {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
margin-bottom: 16px;
min-height: 40px;
align-items: flex-start;
}
/* line 21075, app/assets/stylesheets/application.scss */
.positivius-user-language {
display: inline-block;
padding: 4px 10px;
border-radius: 9999px;
background: rgba(107, 114, 128, 0.1);
color: #6B7280;
font-size: 11px;
font-weight: 600;
font-family: var(--positivus-font), "Inter", sans-serif;
}
/* line 21086, app/assets/stylesheets/application.scss */
.positivius-user-cta {
background: #B9FF66;
color: #191A23;
border: 2px solid #191A23;
border-radius: 20px;
padding: 10px 20px;
font-weight: 700;
font-size: 14px;
font-family: var(--positivus-font), "Inter", sans-serif;
margin-top: auto;
width: 100%;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
text-align: center;
}
/* line 21102, app/assets/stylesheets/application.scss */
.positivius-user-cta:hover {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: scale(1.05) translateY(-2px);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
text-decoration: none;
}
/* line 21113, app/assets/stylesheets/application.scss */
.positivius-sort-wrapper {
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
}
/* line 21119, app/assets/stylesheets/application.scss */
.positivius-sort-control {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 12px;
padding: 10px 16px;
font-family: var(--positivus-font), "Inter", sans-serif;
font-size: 14px;
color: #191A23;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
/* line 21131, app/assets/stylesheets/application.scss */
.positivius-sort-control:focus {
outline: 2px solid #B9FF66;
border-color: #B9FF66;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 21137, app/assets/stylesheets/application.scss */
.positivius-sort-control:hover {
border-color: #B9FF66;
}
/* line 21143, app/assets/stylesheets/application.scss */
.positivius-country-filter-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin: 24px 0 32px;
}
/* line 21151, app/assets/stylesheets/application.scss */
.positivius-country-badge {
padding: 8px 16px;
background: #F3F3F3;
border-radius: 9999px;
font-size: 13px;
font-weight: 600;
font-family: var(--positivus-font), "Inter", sans-serif;
color: #191A23;
transition: all 0.3s ease;
text-decoration: none;
border: 2px solid transparent;
}
/* line 21163, app/assets/stylesheets/application.scss */
.positivius-country-badge:hover {
color: #B9FF66 !important;
background: #191A23 !important;
transform: translateY(-1px);
text-decoration: none;
}
/* line 21172, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper {
display: flex;
justify-content: center;
margin-top: 40px;
padding: 0 20px;
}
/* line 21178, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination {
display: flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
/* line 21187, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination .page-item a,
.positivius-pagination-wrapper .pagination .page-item span {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 8px 12px;
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 8px;
color: #191A23;
font-family: var(--positivus-font), "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
text-decoration: none;
transition: all 0.3s ease;
}
/* line 21206, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination .page-item a:hover {
background: #B9FF66;
border-color: #191A23;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3);
}
/* line 21213, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination .page-item.active span {
background: #191A23;
color: #B9FF66;
border-color: #191A23;
}
/* line 21219, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination .page-item.disabled span {
opacity: 0.5;
cursor: not-allowed;
}
@media (max-width: 768px) {
/* line 21229, app/assets/stylesheets/application.scss */
.positivius-hire-wrapper {
padding: 40px 0 30px;
}
/* line 21233, app/assets/stylesheets/application.scss */
.positivius-hire-header {
margin-bottom: 32px;
padding: 0 20px;
}
/* line 21237, app/assets/stylesheets/application.scss */
.positivius-hire-header h1, .positivius-hire-header .h1 {
font-size: 28px;
}
/* line 21240, app/assets/stylesheets/application.scss */
.positivius-hire-header h1::after, .positivius-hire-header .h1::after {
width: 60px;
height: 5px;
bottom: -12px;
}
/* line 21248, app/assets/stylesheets/application.scss */
.positivius-hire-description {
font-size: 15px;
margin-top: 24px;
}
/* line 21253, app/assets/stylesheets/application.scss */
.positivius-hire-subtitle {
font-size: 18px;
margin-top: 20px;
}
/* line 21258, app/assets/stylesheets/application.scss */
.positivius-hire-stats .stat-badge {
font-size: 14px;
padding: 10px 20px;
}
/* line 21263, app/assets/stylesheets/application.scss */
.positivius-hire-filters-horizontal {
padding: 24px;
margin-bottom: 24px;
border-width: 2px;
}
/* line 21269, app/assets/stylesheets/application.scss */
.positivius-filter-category {
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
padding-left: 0;
}
/* line 21275, app/assets/stylesheets/application.scss */
.positivius-filter-category::before {
display: none;
}
/* line 21279, app/assets/stylesheets/application.scss */
.positivius-filter-category .filter-category-label,
.positivius-filter-category h3.filter-category-label {
min-width: auto;
padding: 8px 12px;
font-size: 12px;
letter-spacing: 0.5px;
}
/* line 21286, app/assets/stylesheets/application.scss */
.positivius-filter-category .filter-category-label::after,
.positivius-filter-category h3.filter-category-label::after {
width: 3px;
height: 3px;
}
/* line 21293, app/assets/stylesheets/application.scss */
.positivius-filter-tags-row {
gap: 6px;
}
/* line 21297, app/assets/stylesheets/application.scss */
.positivius-filter-tag {
padding: 6px 12px;
font-size: 12px;
}
/* line 21302, app/assets/stylesheets/application.scss */
.positivius-user-card {
padding: 16px;
min-height: 400px;
}
/* line 21306, app/assets/stylesheets/application.scss */
.positivius-user-card:hover {
transform: translateY(-4px);
}
/* line 21311, app/assets/stylesheets/application.scss */
.positivius-user-avatar-container {
width: 140px;
height: 140px;
}
/* line 21316, app/assets/stylesheets/application.scss */
.positivius-user-avatar {
width: 140px;
height: 140px;
border-radius: 10px;
}
/* line 21321, app/assets/stylesheets/application.scss */
.positivius-user-card:hover .positivius-user-avatar {
transform: scale(1.03);
}
/* line 21326, app/assets/stylesheets/application.scss */
.positivius-user-salary {
padding: 4px 8px;
font-size: 11px;
}
/* line 21331, app/assets/stylesheets/application.scss */
.positivius-user-flag {
font-size: 20px;
}
/* line 21335, app/assets/stylesheets/application.scss */
.positivius-user-name {
font-size: 16px;
}
/* line 21339, app/assets/stylesheets/application.scss */
.positivius-user-title {
font-size: 11px;
min-height: auto;
}
/* line 21344, app/assets/stylesheets/application.scss */
.positivius-user-experience {
font-size: 12px;
}
/* line 21348, app/assets/stylesheets/application.scss */
.positivius-user-tags {
gap: 4px;
min-height: 50px;
}
/* line 21353, app/assets/stylesheets/application.scss */
.positivius-user-tag {
padding: 3px 8px;
font-size: 10px;
}
/* line 21358, app/assets/stylesheets/application.scss */
.positivius-user-language {
padding: 3px 8px;
font-size: 10px;
}
/* line 21363, app/assets/stylesheets/application.scss */
.positivius-user-cta {
padding: 8px 16px;
font-size: 13px;
}
/* line 21368, app/assets/stylesheets/application.scss */
.positivius-sort-wrapper {
justify-content: center;
}
/* line 21372, app/assets/stylesheets/application.scss */
.positivius-sort-control {
width: 100%;
max-width: 300px;
}
/* line 21377, app/assets/stylesheets/application.scss */
.positivius-country-filter-row {
gap: 8px;
margin: 20px 0 24px;
}
/* line 21382, app/assets/stylesheets/application.scss */
.positivius-country-badge {
padding: 6px 12px;
font-size: 12px;
}
/* line 21387, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper {
margin-top: 30px;
}
/* line 21392, app/assets/stylesheets/application.scss */
.positivius-pagination-wrapper .pagination .page-item a,
.positivius-pagination-wrapper .pagination .page-item span {
min-width: 36px;
height: 36px;
padding: 6px 10px;
font-size: 13px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
/* line 21404, app/assets/stylesheets/application.scss */
.positivius-hire-wrapper {
padding: 50px 0 35px;
}
/* line 21408, app/assets/stylesheets/application.scss */
.positivius-hire-header {
margin-bottom: 40px;
padding: 0 28px;
}
/* line 21412, app/assets/stylesheets/application.scss */
.positivius-hire-header h1, .positivius-hire-header .h1 {
font-size: 32px;
}
/* line 21415, app/assets/stylesheets/application.scss */
.positivius-hire-header h1::after, .positivius-hire-header .h1::after {
width: 70px;
}
/* line 21421, app/assets/stylesheets/application.scss */
.positivius-hire-description {
font-size: 16px;
}
/* line 21425, app/assets/stylesheets/application.scss */
.positivius-hire-subtitle {
font-size: 19px;
}
/* line 21429, app/assets/stylesheets/application.scss */
.positivius-hire-filters-horizontal {
padding: 28px 32px;
border-width: 2px;
}
/* line 21434, app/assets/stylesheets/application.scss */
.positivius-filter-category {
gap: 16px;
}
/* line 21437, app/assets/stylesheets/application.scss */
.positivius-filter-category .filter-category-label,
.positivius-filter-category h3.filter-category-label {
min-width: 120px;
font-size: 12px;
padding: 9px 14px 9px 10px;
}
/* line 21445, app/assets/stylesheets/application.scss */
.positivius-user-avatar-container {
width: 150px;
height: 150px;
}
/* line 21450, app/assets/stylesheets/application.scss */
.positivius-user-avatar {
width: 150px;
height: 150px;
}
/* line 21455, app/assets/stylesheets/application.scss */
.positivius-user-name {
font-size: 17px;
}
}
/* line 21461, app/assets/stylesheets/application.scss */
.positivius-user-card:focus-visible,
.positivius-filter-tag:focus-visible,
.positivius-sort-control:focus-visible,
.positivius-country-badge:focus-visible,
.positivius-user-cta:focus-visible {
outline: 3px solid #B9FF66;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
/* line 21473, app/assets/stylesheets/application.scss */
.positivius-user-card,
.positivius-user-avatar,
.positivius-filter-tag,
.positivius-user-tag,
.positivius-user-cta,
.positivius-sort-control,
.positivius-country-badge {
transition: none !important;
transform: none !important;
animation: none !important;
}
/* line 21485, app/assets/stylesheets/application.scss */
.positivius-user-card:hover,
.positivius-filter-tag:hover,
.positivius-user-tag:hover,
.positivius-user-cta:hover,
.positivius-country-badge:hover {
transform: none !important;
}
/* line 21494, app/assets/stylesheets/application.scss */
.positivius-user-card:hover .positivius-user-avatar {
transform: none !important;
}
}
/* ========================================
POSITIVIUS AI EVENTS - HERO SECTION
======================================== */
/* line 21504, app/assets/stylesheets/application.scss */
.positivius-events-hero {
background: linear-gradient(135deg, #191A23 0%, #2D2E3A 100%);
padding: 80px 20px 60px;
position: relative;
overflow: hidden;
}
/* line 21510, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
z-index: 1;
}
/* line 21519, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle {
position: absolute;
border-radius: 50%;
opacity: 0.15;
}
/* line 21524, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle.circle-lime {
width: 400px;
height: 400px;
background: #B9FF66;
top: -100px;
right: -100px;
animation: positivius-float 8s ease-in-out infinite;
}
/* line 21533, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle.circle-dark {
width: 300px;
height: 300px;
background: #000;
bottom: -80px;
left: -80px;
animation: positivius-float 10s ease-in-out infinite reverse;
}
/* line 21544, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-content-wrapper {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2;
}
/* line 21551, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-title {
font-size: 48px;
font-weight: 800;
color: #FFFFFF;
margin-bottom: 20px;
line-height: 1.2;
}
/* line 21558, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-title .highlight-box {
background: #B9FF66;
color: #191A23;
padding: 8px 16px;
border-radius: 12px;
display: inline-block;
}
/* line 21567, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-subtitle {
font-size: 20px;
color: #F3F3F3;
margin-bottom: 40px;
line-height: 1.6;
}
/* line 21575, app/assets/stylesheets/application.scss */
.positivius-filter-tags {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 40px;
}
/* line 21582, app/assets/stylesheets/application.scss */
.positivius-tag-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* line 21588, app/assets/stylesheets/application.scss */
.positivius-event-tag {
display: inline-flex;
padding: 8px 16px;
background: #FFFFFF;
color: #191A23;
border: 2px solid #E5E7EB;
border-radius: 9999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 21600, app/assets/stylesheets/application.scss */
.positivius-event-tag:hover {
background: #B9FF66;
border-color: #191A23;
color: #191A23;
transform: translateY(-3px) scale(1.05);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* ========================================
POSITIVIUS AI EVENTS - CARD GRID
======================================== */
/* line 21613, app/assets/stylesheets/application.scss */
.positivius-events-container {
background: #F3F3F3;
padding: 60px 20px;
min-height: 60vh;
}
/* line 21619, app/assets/stylesheets/application.scss */
.events-grid {
width: 100%;
max-width: none;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 30px;
}
/* Legacy layout: keep the old centered/narrow grid when used */
/* line 21629, app/assets/stylesheets/application.scss */
.positivius-events-container .events-grid {
max-width: 1200px;
margin: 0 auto;
}
/* line 21634, app/assets/stylesheets/application.scss */
.month-divider {
grid-column: 1 / -1;
margin: 20px 0;
}
/* line 21638, app/assets/stylesheets/application.scss */
.month-divider .month-title {
font-size: 32px;
font-weight: 800;
color: #191A23;
padding-left: 20px;
position: relative;
}
/* line 21645, app/assets/stylesheets/application.scss */
.month-divider .month-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
}
/* line 21659, app/assets/stylesheets/application.scss */
.modern-event-card {
background: #FFFFFF;
border: 2px solid #E5E7EB;
border-radius: 16px;
overflow: hidden;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}
/* line 21668, app/assets/stylesheets/application.scss */
.modern-event-card:hover {
transform: translateY(-8px) rotate(0.5deg);
border-color: #B9FF66;
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2);
}
/* line 21674, app/assets/stylesheets/application.scss */
.modern-event-card:hover .event-card-image {
transform: scale(1.05);
}
/* line 21678, app/assets/stylesheets/application.scss */
.modern-event-card:hover .event-details-btn {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: translateX(5px);
}
/* line 21686, app/assets/stylesheets/application.scss */
.modern-event-card:focus-visible {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* line 21691, app/assets/stylesheets/application.scss */
.modern-event-card .event-image-wrapper {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
background: #191A23;
}
/* line 21698, app/assets/stylesheets/application.scss */
.modern-event-card .event-image-wrapper .event-card-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.4s ease;
}
/* line 21705, app/assets/stylesheets/application.scss */
.modern-event-card .event-image-wrapper .event-date-badge {
position: absolute;
top: 16px;
right: 16px;
background: #B9FF66;
color: #191A23;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
/* line 21719, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content {
padding: 24px;
}
/* line 21722, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-meta {
margin-bottom: 12px;
}
/* line 21725, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-meta .event-location {
display: inline-flex;
align-items: center;
font-size: 14px;
color: #6B7280;
font-weight: 600;
}
/* line 21732, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-meta .event-location::before {
content: '📍';
margin-right: 6px;
}
/* line 21739, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-card-title {
font-size: 20px;
font-weight: 800;
color: #191A23;
margin-bottom: 12px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 21751, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-card-description {
font-size: 15px;
color: #6B7280;
line-height: 1.6;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 21762, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-details-btn {
display: inline-flex;
align-items: center;
padding: 12px 28px;
background: #B9FF66;
color: #191A23;
border: 3px solid #191A23;
border-radius: 30px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
/* line 21777, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-details-btn:hover {
text-decoration: none;
}
/* line 21784, app/assets/stylesheets/application.scss */
.events-pagination {
margin-top: 60px;
display: flex;
justify-content: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/* line 21793, app/assets/stylesheets/application.scss */
.no-events-message {
text-align: center;
padding: 80px 20px;
max-width: 600px;
margin: 0 auto;
}
/* line 21799, app/assets/stylesheets/application.scss */
.no-events-message h2, .no-events-message .h2 {
font-size: 32px;
font-weight: 800;
color: #191A23;
margin-bottom: 16px;
}
/* line 21806, app/assets/stylesheets/application.scss */
.no-events-message p {
font-size: 18px;
color: #6B7280;
}
/* ========================================
POSITIVIUS AI EVENTS - DETAIL PAGE
======================================== */
/* line 21816, app/assets/stylesheets/application.scss */
.positivius-event-detail {
background: #F3F3F3;
min-height: 100vh;
padding: 0;
}
/* line 21821, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-container {
max-width: 900px;
margin: 0 auto;
background: #FFFFFF;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
/* line 21828, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-hero-image {
width: 100%;
height: 400px;
overflow: hidden;
}
/* line 21833, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-hero-image .event-detail-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* line 21840, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header {
padding: 40px;
border-bottom: 2px solid #E5E7EB;
}
/* line 21844, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row {
display: flex;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
}
/* line 21850, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row .event-date-large {
display: inline-flex;
padding: 8px 16px;
background: #B9FF66;
color: #191A23;
border-radius: 20px;
font-size: 16px;
font-weight: 700;
}
/* line 21860, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row .event-location-large {
display: inline-flex;
align-items: center;
font-size: 16px;
color: #6B7280;
font-weight: 600;
}
/* line 21867, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row .event-location-large::before {
content: '📍';
margin-right: 8px;
}
/* line 21874, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-detail-title {
font-size: 36px;
font-weight: 800;
color: #191A23;
line-height: 1.2;
margin-bottom: 30px;
}
/* line 21882, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-register-btn {
display: inline-flex;
align-items: center;
padding: 16px 40px;
background: #B9FF66;
color: #191A23;
border: 3px solid #191A23;
border-radius: 35px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 21897, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-register-btn:hover {
background: #191A23;
color: #B9FF66;
border-color: #B9FF66;
transform: translateY(-3px) scale(1.05);
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.3);
text-decoration: none;
}
/* line 21908, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content {
padding: 40px;
}
/* line 21912, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h1, .positivius-event-detail .event-description-content .h1,
.positivius-event-detail .event-description-content h2,
.positivius-event-detail .event-description-content .h2,
.positivius-event-detail .event-description-content h3,
.positivius-event-detail .event-description-content .h3,
.positivius-event-detail .event-description-content h4,
.positivius-event-detail .event-description-content .h4,
.positivius-event-detail .event-description-content h5,
.positivius-event-detail .event-description-content .h5,
.positivius-event-detail .event-description-content h6,
.positivius-event-detail .event-description-content .h6 {
position: relative;
padding-left: 20px;
font-weight: 800;
color: #191A23;
margin-top: 40px;
margin-bottom: 20px;
}
/* line 21925, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h1::before, .positivius-event-detail .event-description-content .h1::before,
.positivius-event-detail .event-description-content h2::before,
.positivius-event-detail .event-description-content .h2::before,
.positivius-event-detail .event-description-content h3::before,
.positivius-event-detail .event-description-content .h3::before,
.positivius-event-detail .event-description-content h4::before,
.positivius-event-detail .event-description-content .h4::before,
.positivius-event-detail .event-description-content h5::before,
.positivius-event-detail .event-description-content .h5::before,
.positivius-event-detail .event-description-content h6::before,
.positivius-event-detail .event-description-content .h6::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 80%;
background: linear-gradient(180deg, #B9FF66 0%, #A3E635 100%);
border-radius: 3px;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.3);
}
/* line 21939, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h2, .positivius-event-detail .event-description-content .h2 {
font-size: 30px;
}
/* line 21943, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h3, .positivius-event-detail .event-description-content .h3 {
font-size: 24px;
}
/* line 21947, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h4, .positivius-event-detail .event-description-content .h4 {
font-size: 20px;
}
/* line 21951, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content p {
font-size: 17px;
line-height: 1.8;
color: #374151;
margin-bottom: 20px;
}
/* line 21958, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content ul,
.positivius-event-detail .event-description-content ol {
margin-bottom: 20px;
padding-left: 40px;
}
/* line 21963, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content ul li,
.positivius-event-detail .event-description-content ol li {
margin-bottom: 12px;
line-height: 1.8;
color: #374151;
}
/* line 21968, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content ul li::marker,
.positivius-event-detail .event-description-content ol li::marker {
color: #B9FF66;
}
/* line 21974, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content a {
color: #191A23;
background: #B9FF66;
padding: 2px 8px;
border-radius: 4px;
text-decoration: none;
transition: all 0.3s ease;
}
/* line 21982, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content a:hover {
background: #191A23;
color: #B9FF66;
transform: translateY(-2px);
}
/* line 21989, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content strong,
.positivius-event-detail .event-description-content b {
color: #191A23;
font-weight: 700;
}
/* line 21995, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content code {
background: #191A23;
color: #B9FF66;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
font-family: 'Courier New', monospace;
}
/* line 22004, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content pre {
background: #191A23;
color: #B9FF66;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
margin-bottom: 20px;
}
/* line 22012, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content pre code {
background: transparent;
padding: 0;
}
/* line 22019, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section {
padding: 40px;
}
/* line 22022, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section h3, .positivius-event-detail .event-cta-section .h3 {
font-size: 28px;
font-weight: 800;
color: #191A23;
}
/* line 22028, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section p {
font-size: 17px;
color: #6B7280;
}
/* ========================================
MOBILE RESPONSIVE - AI EVENTS
======================================== */
@media (max-width: 768px) {
/* line 22040, app/assets/stylesheets/application.scss */
.positivius-events-hero {
padding: 60px 20px 40px;
}
/* line 22043, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-title {
font-size: 32px;
}
/* line 22046, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-title .highlight-box {
padding: 6px 12px;
border-radius: 8px;
}
/* line 22052, app/assets/stylesheets/application.scss */
.positivius-events-hero .positivius-hero-subtitle {
font-size: 16px;
}
/* line 22056, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle {
opacity: 0.08;
}
/* line 22059, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle.circle-lime {
width: 250px;
height: 250px;
}
/* line 22064, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle.circle-dark {
width: 200px;
height: 200px;
}
/* line 22071, app/assets/stylesheets/application.scss */
.positivius-filter-tags {
gap: 12px;
}
/* line 22075, app/assets/stylesheets/application.scss */
.positivius-tag-group {
gap: 8px;
}
/* line 22079, app/assets/stylesheets/application.scss */
.positivius-event-tag {
font-size: 12px;
padding: 6px 12px;
}
/* line 22084, app/assets/stylesheets/application.scss */
.events-grid {
grid-template-columns: 1fr;
gap: 20px;
}
/* line 22090, app/assets/stylesheets/application.scss */
.month-divider .month-title {
font-size: 24px;
padding-left: 16px;
}
/* line 22097, app/assets/stylesheets/application.scss */
.modern-event-card:hover {
transform: translateY(-4px);
}
/* line 22101, app/assets/stylesheets/application.scss */
.modern-event-card .event-image-wrapper {
height: 180px;
}
/* line 22104, app/assets/stylesheets/application.scss */
.modern-event-card .event-image-wrapper .event-date-badge {
font-size: 12px;
padding: 6px 12px;
}
/* line 22110, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content {
padding: 20px;
}
/* line 22113, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-card-title {
font-size: 18px;
}
/* line 22117, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-card-description {
font-size: 14px;
}
/* line 22121, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-content .event-details-btn {
padding: 10px 24px;
font-size: 12px;
}
/* line 22129, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-hero-image {
height: 250px;
}
/* line 22133, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header {
padding: 24px;
}
/* line 22136, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row {
gap: 12px;
}
/* line 22139, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-meta-row .event-date-large,
.positivius-event-detail .event-detail-header .event-meta-row .event-location-large {
font-size: 14px;
}
/* line 22145, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-detail-title {
font-size: 28px;
}
/* line 22149, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-detail-header .event-register-btn {
padding: 14px 32px;
font-size: 14px;
width: 100%;
justify-content: center;
}
/* line 22157, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content {
padding: 24px;
}
/* line 22160, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h2, .positivius-event-detail .event-description-content .h2 {
font-size: 24px;
padding-left: 16px;
}
/* line 22165, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h3, .positivius-event-detail .event-description-content .h3 {
font-size: 20px;
padding-left: 16px;
}
/* line 22170, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content h4, .positivius-event-detail .event-description-content .h4 {
font-size: 18px;
padding-left: 16px;
}
/* line 22175, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-description-content p {
font-size: 16px;
}
/* line 22180, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section {
padding: 24px;
}
/* line 22183, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section h3, .positivius-event-detail .event-cta-section .h3 {
font-size: 24px;
}
/* line 22187, app/assets/stylesheets/application.scss */
.positivius-event-detail .event-cta-section p {
font-size: 16px;
}
}
/* ========================================
ACCESSIBILITY - REDUCED MOTION
======================================== */
@media (prefers-reduced-motion: reduce) {
/* line 22199, app/assets/stylesheets/application.scss */
.positivius-events-hero .hero-decorative-circles .circle {
animation: none;
}
/* line 22203, app/assets/stylesheets/application.scss */
.modern-event-card {
transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* line 22206, app/assets/stylesheets/application.scss */
.modern-event-card:hover {
transform: none;
}
/* line 22210, app/assets/stylesheets/application.scss */
.modern-event-card .event-card-image {
transition: none;
}
/* line 22215, app/assets/stylesheets/application.scss */
.positivius-event-tag,
.event-details-btn,
.event-register-btn {
transition: background-color 0.2s ease, color 0.2s ease;
}
/* line 22220, app/assets/stylesheets/application.scss */
.positivius-event-tag:hover,
.event-details-btn:hover,
.event-register-btn:hover {
transform: none;
}
}
/* ============================================================================
AI PODCASTS - POSITIVIUS DESIGN
============================================================================ */
/* Podcast Page Styles - Matching podcast.html exactly */
/* Podcast Page Wrapper - AGGRESSIVE Override of ALL global styles */
/* Using :has() selector with fallback for older browsers */
/* line 22234, app/assets/stylesheets/application.scss */
body:has(.podcast-page-wrapper),
body:has(.podcast-show-wrapper),
html:has(.podcast-page-wrapper),
html:has(.podcast-show-wrapper) {
background: #F3F3F3 !important;
background-color: #F3F3F3 !important;
background-image: none !important;
}
/* Fallback: Direct targeting when wrappers exist */
/* line 22244, app/assets/stylesheets/application.scss */
body.podcast-page-body,
html.podcast-page-html {
background: #F3F3F3 !important;
background-color: #F3F3F3 !important;
background-image: none !important;
}
/* line 22251, app/assets/stylesheets/application.scss */
main:has(.podcast-page-wrapper),
main:has(.podcast-show-wrapper),
.flex-shrink-0:has(.podcast-page-wrapper),
.flex-shrink-0:has(.podcast-show-wrapper) {
background: #F3F3F3 !important;
background-color: #F3F3F3 !important;
background-image: none !important;
}
/* line 22260, app/assets/stylesheets/application.scss */
.podcast-page-wrapper,
.podcast-show-wrapper {
background: #F3F3F3 !important;
background-color: #F3F3F3 !important;
background-image: none !important;
font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
position: relative !important;
z-index: 1 !important;
}
/* line 22272, app/assets/stylesheets/application.scss */
.podcast-page-wrapper *,
.podcast-show-wrapper * {
font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}
/* Override any Bootstrap or global container backgrounds */
/* line 22278, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .container,
.podcast-page-wrapper .container-fluid,
.podcast-page-wrapper .container-sm,
.podcast-page-wrapper .container-md,
.podcast-page-wrapper .container-lg,
.podcast-page-wrapper .container-xl,
.podcast-page-wrapper .container-xxl,
.podcast-show-wrapper .container,
.podcast-show-wrapper .container-fluid,
.podcast-show-wrapper .container-sm,
.podcast-show-wrapper .container-md,
.podcast-show-wrapper .container-lg,
.podcast-show-wrapper .container-xl,
.podcast-show-wrapper .container-xxl {
background: transparent !important;
background-color: transparent !important;
}
/* Topic Tags Hover Effect */
/* line 22287, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-topic-tag {
text-decoration: none !important;
}
/* line 22291, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-topic-tag:hover {
background: #B9FF66 !important;
color: #000000 !important;
}
/* line 22296, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-topic-tag:hover span {
color: #000000 !important;
}
/* Reset any conflicting podcast styles */
/* line 22301, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .positivius-podcasts-container {
background: transparent !important;
padding: 0 !important;
max-width: none !important;
margin-bottom: 2rem !important;
}
/* Modern Podcast Card */
/* line 22309, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .modern-podcast-card {
background: #FFFFFF !important;
border-radius: 1rem !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.04) !important;
overflow: hidden !important;
cursor: pointer !important;
display: flex !important;
flex-direction: column !important;
transition: all 0.3s ease !important;
height: 100% !important;
}
/* line 22322, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .modern-podcast-card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 20px 40px rgba(185, 255, 102, 0.25), 0 0 0 3px rgba(185, 255, 102, 0.2) !important;
}
/* line 22327, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .modern-podcast-card:focus {
outline: 3px solid #B9FF66 !important;
outline-offset: 2px !important;
}
/* Podcast Image */
/* line 22333, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-image-wrapper {
position: relative !important;
aspect-ratio: 4 / 3 !important;
overflow: hidden !important;
}
/* line 22339, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-card-image {
height: 100% !important;
width: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
transition: transform 0.3s ease !important;
}
/* line 22346, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .modern-podcast-card:hover .podcast-card-image {
transform: scale(1.05) !important;
}
/* Play Overlay */
/* line 22351, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-play-overlay {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(0, 0, 0, 0.2) !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
}
/* line 22362, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .modern-podcast-card:hover .podcast-play-overlay {
opacity: 1 !important;
}
/* line 22366, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .play-icon {
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3)) !important;
}
/* New Badge */
/* line 22371, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-new-badge {
position: absolute !important;
top: 0.75rem !important;
left: 0.75rem !important;
border-radius: 9999px !important;
background: #B9FF66 !important;
padding: 0.125rem 0.625rem !important;
font-size: 0.6rem !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
color: #191A23 !important;
}
/* Podcast Card Content */
/* line 22385, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-card-content {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
padding: 1rem !important;
}
/* Show Badge */
/* line 22393, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-show-badge {
display: inline-flex !important;
align-items: center !important;
border-radius: 9999px !important;
background: #F3F3F3 !important;
padding: 0.25rem 0.625rem !important;
font-size: 0.65rem !important;
font-weight: 500 !important;
color: rgba(25, 26, 35, 0.8) !important;
margin-bottom: 0.5rem !important;
align-self: flex-start !important;
}
/* Podcast Title */
/* line 22407, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-card-title {
font-size: 0.875rem !important;
font-weight: 600 !important;
letter-spacing: -0.025em !important;
line-height: 1.3 !important;
margin-bottom: 0.375rem !important;
color: #191A23 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
@media (min-width: 640px) {
/* line 22421, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-card-title {
font-size: 1rem !important;
}
}
/* Meta Row */
/* line 22427, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-meta-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-size: 0.7rem !important;
color: rgba(25, 26, 35, 0.7) !important;
margin-bottom: 0.25rem !important;
}
/* line 22436, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-host {
font-size: 0.7rem !important;
color: rgba(25, 26, 35, 0.7) !important;
}
/* line 22441, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-duration {
font-weight: 500 !important;
color: #191A23 !important;
}
/* Date */
/* line 22447, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-date {
font-size: 0.7rem !important;
color: rgba(25, 26, 35, 0.6) !important;
margin-bottom: 0.5rem !important;
}
/* Description */
/* line 22454, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-card-description {
font-size: 0.75rem !important;
color: rgba(25, 26, 35, 0.8) !important;
line-height: 1.5 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
flex-grow: 1 !important;
}
/* Listen Button */
/* line 22466, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-listen-btn {
margin-top: 0.75rem !important;
display: inline-flex !important;
align-items: center !important;
font-size: 0.7rem !important;
font-weight: 500 !important;
color: #191A23 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
/* line 22477, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .podcast-listen-btn:hover {
color: #000000 !important;
}
/* Pagination Container */
/* line 22482, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagination-container {
margin-top: 1.5rem !important;
display: flex !important;
justify-content: center !important;
}
@media (min-width: 640px) {
/* line 22489, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagination-container {
margin-top: 1.75rem !important;
}
}
/* Pagy Pagination Styles - Override all default Pagy styles */
/* line 22495, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav,
.podcast-page-wrapper nav.pagy-nav,
.podcast-page-wrapper .pagination {
display: flex !important;
align-items: center !important;
gap: 0.375rem !important;
font-size: 0.75rem !important;
justify-content: center !important;
}
/* line 22505, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav span,
.podcast-page-wrapper .pagy-nav a,
.podcast-page-wrapper nav.pagy-nav span,
.podcast-page-wrapper nav.pagy-nav a,
.podcast-page-wrapper .pagination span,
.podcast-page-wrapper .pagination a {
padding: 0.375rem 0.75rem !important;
border-radius: 9999px !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
display: inline-block !important;
min-width: 2rem !important;
text-align: center !important;
font-size: 0.75rem !important;
line-height: 1 !important;
}
/* Regular page links */
/* line 22523, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav a,
.podcast-page-wrapper nav.pagy-nav a,
.podcast-page-wrapper .pagination a {
border: 1px solid rgba(25, 26, 35, 0.1) !important;
color: rgba(25, 26, 35, 0.8) !important;
background: #FFFFFF !important;
}
/* line 22531, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav a:hover,
.podcast-page-wrapper nav.pagy-nav a:hover,
.podcast-page-wrapper .pagination a:hover {
background: #F3F3F3 !important;
color: #191a23 !important;
}
/* Active page */
/* line 22539, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav span.current,
.podcast-page-wrapper nav.pagy-nav span.current,
.podcast-page-wrapper .pagination span.current,
.podcast-page-wrapper .pagy-nav .active,
.podcast-page-wrapper nav.pagy-nav .active,
.podcast-page-wrapper .pagination .active {
background: #191A23 !important;
color: #FFFFFF !important;
border: none !important;
font-weight: 500 !important;
}
/* Disabled prev/next */
/* line 22552, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav span.disabled,
.podcast-page-wrapper nav.pagy-nav span.disabled,
.podcast-page-wrapper .pagination span.disabled,
.podcast-page-wrapper .pagy-nav .prev.disabled,
.podcast-page-wrapper .pagy-nav .next.disabled {
padding: 0.375rem 0.625rem !important;
border-radius: 9999px !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
color: rgba(25, 26, 35, 0.4) !important;
cursor: not-allowed !important;
background: #FFFFFF !important;
}
/* Prev/Next links */
/* line 22566, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav .prev a,
.podcast-page-wrapper .pagy-nav .next a,
.podcast-page-wrapper nav.pagy-nav .prev a,
.podcast-page-wrapper nav.pagy-nav .next a,
.podcast-page-wrapper .pagination .prev a,
.podcast-page-wrapper .pagination .next a {
padding: 0.375rem 0.625rem !important;
}
/* Gap (ellipsis) */
/* line 22576, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagy-nav span.gap,
.podcast-page-wrapper nav.pagy-nav span.gap,
.podcast-page-wrapper .pagination span.gap,
.podcast-page-wrapper .pagy-nav .gap {
padding: 0 0.5rem !important;
color: rgba(25, 26, 35, 0.4) !important;
border: none !important;
background: transparent !important;
}
/* Remove any Bootstrap pagination styles that might interfere */
/* line 22587, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagination {
margin: 0 !important;
padding: 0 !important;
}
/* line 22592, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .pagination li {
list-style: none !important;
margin: 0 !important;
}
/* line 22597, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .page-item {
margin: 0 !important;
}
/* line 22601, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .page-link {
padding: 0.375rem 0.75rem !important;
border-radius: 9999px !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
color: rgba(25, 26, 35, 0.8) !important;
background: #FFFFFF !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
/* line 22611, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .page-link:hover {
background: #F3F3F3 !important;
color: #191a23 !important;
border-color: rgba(25, 26, 35, 0.1) !important;
}
/* line 22617, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .page-item.active .page-link {
background: #191A23 !important;
color: #FFFFFF !important;
border: none !important;
}
/* line 22623, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .page-item.disabled .page-link {
color: rgba(25, 26, 35, 0.4) !important;
cursor: not-allowed !important;
background: #FFFFFF !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
}
/* No Podcasts Message */
/* line 22631, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .no-podcasts-message {
text-align: center !important;
padding: 100px 20px !important;
background: #F3F3F3 !important;
min-height: 400px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* line 22641, app/assets/stylesheets/application.scss */
.podcast-page-wrapper .no-podcasts-content h2, .podcast-page-wrapper .no-podcasts-content .h2 {
font-size: 32px !important;
font-weight: 800 !important;
color: #191A23 !important;
}
/* Podcast Show Page Styles */
/* line 22648, app/assets/stylesheets/application.scss */
.podcast-show-wrapper {
font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
/* line 22654, app/assets/stylesheets/application.scss */
.podcast-show-wrapper * {
font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}
/* line 22658, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose {
color: #191A23 !important;
}
/* line 22662, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose h2, .podcast-show-wrapper .prose .h2 {
font-size: 1.5rem !important;
font-weight: 600 !important;
margin-top: 2rem !important;
margin-bottom: 1rem !important;
}
/* line 22669, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose h3, .podcast-show-wrapper .prose .h3 {
font-size: 1.125rem !important;
font-weight: 600 !important;
margin-top: 1.5rem !important;
margin-bottom: 0.75rem !important;
}
/* line 22676, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose p {
color: rgba(25, 26, 35, 0.8) !important;
line-height: 1.75 !important;
margin-bottom: 1rem !important;
}
/* line 22682, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose a {
color: #191A23 !important;
font-weight: 500 !important;
text-decoration: underline !important;
text-decoration-color: #B9FF66 !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 2px !important;
transition: all 0.2s ease !important;
}
/* line 22692, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose a:hover {
background-color: #B9FF66 !important;
color: #191A23 !important;
}
/* line 22697, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose ul {
list-style: none !important;
padding-left: 0 !important;
margin-top: 1rem !important;
}
/* line 22703, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose li {
color: rgba(25, 26, 35, 0.7) !important;
margin-bottom: 0.5rem !important;
}
/* line 22708, app/assets/stylesheets/application.scss */
.podcast-show-wrapper .prose li::marker {
color: #B9FF66 !important;
}
/* line 22712, app/assets/stylesheets/application.scss */
.no-podcasts-content p {
font-size: 18px;
color: #6B7280;
margin-bottom: 30px;
}
/* line 22718, app/assets/stylesheets/application.scss */
.back-to-all-btn {
background: #B9FF66;
color: #191A23;
padding: 14px 32px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
/* line 22730, app/assets/stylesheets/application.scss */
.back-to-all-btn:hover {
background: #191A23;
color: #B9FF66;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.3);
}
/* Pagination Styling */
/* line 22738, app/assets/stylesheets/application.scss */
.pagination-container {
margin-top: 40px;
text-align: center;
}
/* line 22743, app/assets/stylesheets/application.scss */
.pagination-container .pagination {
display: inline-flex;
gap: 10px;
list-style: none;
padding: 0;
}
/* line 22750, app/assets/stylesheets/application.scss */
.pagination-container .pagination a,
.pagination-container .pagination span {
background: #FFFFFF;
color: #191A23;
padding: 10px 18px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
border: 2px solid #E5E7EB;
transition: all 0.3s ease;
}
/* line 22762, app/assets/stylesheets/application.scss */
.pagination-container .pagination a:hover {
background: #B9FF66;
border-color: #B9FF66;
color: #191A23;
}
/* line 22768, app/assets/stylesheets/application.scss */
.pagination-container .pagination .current {
background: #191A23;
color: #FFFFFF;
border-color: #191A23;
}
/* ============================================================================
PODCAST DETAIL PAGE
============================================================================ */
/* line 22778, app/assets/stylesheets/application.scss */
.positivius-podcast-detail {
background: #F3F3F3;
min-height: 100vh;
padding: 40px 0;
}
/* line 22784, app/assets/stylesheets/application.scss */
.podcast-detail-container {
max-width: 900px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
/* line 22793, app/assets/stylesheets/application.scss */
.podcast-hero-section {
width: 100%;
max-height: 600px;
overflow: hidden;
background: #191A23;
display: flex;
align-items: center;
justify-content: center;
}
/* line 22803, app/assets/stylesheets/application.scss */
.podcast-detail-image {
width: 100%;
max-width: 600px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
display: block;
}
/* line 22812, app/assets/stylesheets/application.scss */
.podcast-detail-header {
padding: 40px;
border-bottom: 2px solid #F3F3F3;
}
/* line 22817, app/assets/stylesheets/application.scss */
.podcast-show-info {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
/* line 22824, app/assets/stylesheets/application.scss */
.podcast-show-name {
background: #B9FF66;
color: #191A23;
padding: 8px 20px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* line 22835, app/assets/stylesheets/application.scss */
.podcast-episode-info {
background: #F3F3F3;
color: #191A23;
padding: 8px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
}
/* line 22844, app/assets/stylesheets/application.scss */
.podcast-detail-title {
font-size: 36px;
font-weight: 800;
line-height: 1.2;
color: #191A23;
margin: 0 0 24px 0;
}
/* line 22852, app/assets/stylesheets/application.scss */
.podcast-meta-badges {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
/* line 22858, app/assets/stylesheets/application.scss */
.podcast-date-badge,
.podcast-duration-badge,
.podcast-host-badge {
padding: 8px 18px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 6px;
}
/* line 22870, app/assets/stylesheets/application.scss */
.podcast-date-badge {
background: #191A23;
color: #FFFFFF;
}
/* line 22875, app/assets/stylesheets/application.scss */
.podcast-duration-badge {
background: #B9FF66;
color: #191A23;
}
/* line 22880, app/assets/stylesheets/application.scss */
.podcast-host-badge {
background: #F3F3F3;
color: #191A23;
}
/* Player Section */
/* line 22886, app/assets/stylesheets/application.scss */
.podcast-player-section {
padding: 40px;
background: #F9FAFB;
border-bottom: 2px solid #E5E7EB;
}
/* line 22892, app/assets/stylesheets/application.scss */
.player-section-title {
font-size: 24px;
font-weight: 800;
color: #191A23;
margin: 0 0 24px 0;
padding-left: 16px;
border-left: 4px solid #B9FF66;
}
/* line 22901, app/assets/stylesheets/application.scss */
.podcast-embed-wrapper {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
/* line 22908, app/assets/stylesheets/application.scss */
.podcast-html5-player {
background: #191A23;
padding: 30px;
border-radius: 12px;
margin-bottom: 20px;
}
/* line 22915, app/assets/stylesheets/application.scss */
.custom-audio-player {
width: 100%;
height: 54px;
border-radius: 8px;
filter: invert(1) hue-rotate(180deg);
}
/* line 22922, app/assets/stylesheets/application.scss */
.podcast-external-links {
text-align: center;
padding: 30px;
background: #F3F3F3;
border-radius: 12px;
margin-bottom: 20px;
}
/* line 22930, app/assets/stylesheets/application.scss */
.podcast-external-links p {
font-size: 16px;
color: #6B7280;
margin-bottom: 20px;
}
/* line 22936, app/assets/stylesheets/application.scss */
.external-platform-btn {
background: #B9FF66;
color: #191A23;
padding: 14px 32px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
/* line 22948, app/assets/stylesheets/application.scss */
.external-platform-btn:hover {
background: #191A23;
color: #B9FF66;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.3);
}
/* line 22955, app/assets/stylesheets/application.scss */
.podcast-share-section {
text-align: center;
}
/* line 22959, app/assets/stylesheets/application.scss */
.share-btn {
background: #191A23;
color: #FFFFFF;
padding: 12px 28px;
border-radius: 30px;
font-size: 14px;
font-weight: 700;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
}
/* line 22974, app/assets/stylesheets/application.scss */
.share-btn:hover {
background: #B9FF66;
color: #191A23;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(185, 255, 102, 0.3);
}
/* Description Content */
/* line 22982, app/assets/stylesheets/application.scss */
.podcast-description-content {
padding: 40px;
line-height: 1.8;
}
/* line 22987, app/assets/stylesheets/application.scss */
.podcast-description-content h2, .podcast-description-content .h2 {
font-size: 28px;
font-weight: 800;
color: #191A23;
margin: 40px 0 20px 0;
padding-left: 16px;
border-left: 4px solid #B9FF66;
}
/* line 22996, app/assets/stylesheets/application.scss */
.podcast-description-content h3, .podcast-description-content .h3 {
font-size: 22px;
font-weight: 700;
color: #191A23;
margin: 30px 0 15px 0;
padding-left: 12px;
border-left: 3px solid #B9FF66;
}
/* line 23005, app/assets/stylesheets/application.scss */
.podcast-description-content p {
font-size: 17px;
color: #374151;
margin-bottom: 20px;
}
/* line 23011, app/assets/stylesheets/application.scss */
.podcast-description-content a {
color: #191A23;
background: #B9FF66;
padding: 2px 8px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: all 0.2s ease;
}
/* line 23021, app/assets/stylesheets/application.scss */
.podcast-description-content a:hover {
background: #191A23;
color: #B9FF66;
text-decoration: none;
}
/* line 23027, app/assets/stylesheets/application.scss */
.podcast-description-content ul,
.podcast-description-content ol {
margin: 20px 0;
padding-left: 30px;
}
/* line 23033, app/assets/stylesheets/application.scss */
.podcast-description-content li {
margin-bottom: 12px;
font-size: 17px;
color: #374151;
}
/* line 23039, app/assets/stylesheets/application.scss */
.podcast-description-content li::marker {
color: #B9FF66;
font-size: 20px;
font-weight: 700;
}
/* Tags Section */
/* line 23046, app/assets/stylesheets/application.scss */
.podcast-tags-section {
padding: 30px 40px;
background: #F9FAFB;
border-top: 2px solid #E5E7EB;
}
/* line 23052, app/assets/stylesheets/application.scss */
.podcast-tags-section h3, .podcast-tags-section .h3 {
font-size: 20px;
font-weight: 800;
color: #191A23;
margin: 0 0 20px 0;
}
/* line 23059, app/assets/stylesheets/application.scss */
.podcast-tags-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
/* line 23065, app/assets/stylesheets/application.scss */
.podcast-tag-pill {
background: #FFFFFF;
color: #191A23;
padding: 8px 18px;
border-radius: 9999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 2px solid #E5E7EB;
transition: all 0.3s ease;
}
/* line 23077, app/assets/stylesheets/application.scss */
.podcast-tag-pill:hover {
background: #B9FF66;
border-color: #B9FF66;
color: #191A23;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3);
}
/* CTA Section */
/* line 23086, app/assets/stylesheets/application.scss */
.podcast-cta-section {
padding: 0 40px 40px 40px;
}
/* Mobile Responsive */
@media (max-width: 768px) {
/* line 23092, app/assets/stylesheets/application.scss */
.positivius-podcasts-hero {
padding: 40px 15px;
min-height: 350px;
}
/* line 23097, app/assets/stylesheets/application.scss */
.positivius-hero-title {
font-size: 32px;
}
/* line 23101, app/assets/stylesheets/application.scss */
.positivius-hero-subtitle {
font-size: 16px;
}
/* line 23105, app/assets/stylesheets/application.scss */
.hero-decorative-circles .circle-lime {
width: 120px;
height: 120px;
opacity: 0.1;
}
/* line 23111, app/assets/stylesheets/application.scss */
.hero-decorative-circles .circle-dark {
width: 100px;
height: 100px;
opacity: 0.1;
}
/* line 23117, app/assets/stylesheets/application.scss */
.filter-section-header {
font-size: 15px;
padding: 12px 20px;
margin-bottom: 16px;
letter-spacing: 2px;
border: 2px solid #B9FF66;
gap: 10px;
}
/* line 23125, app/assets/stylesheets/application.scss */
.filter-section-header .header-icon {
font-size: 20px;
}
/* line 23130, app/assets/stylesheets/application.scss */
.positivius-podcast-tag {
padding: 8px 16px;
font-size: 13px;
}
/* line 23134, app/assets/stylesheets/application.scss */
.positivius-podcast-tag .tag-count {
font-size: 11px;
padding: 2px 6px;
}
/* line 23140, app/assets/stylesheets/application.scss */
.positivius-filter-section {
margin-bottom: 24px;
}
/* line 23144, app/assets/stylesheets/application.scss */
.podcasts-grid {
grid-template-columns: 1fr;
gap: 20px;
}
/* line 23149, app/assets/stylesheets/application.scss */
.positivius-podcasts-container {
padding: 40px 15px;
}
/* line 23153, app/assets/stylesheets/application.scss */
.month-title {
font-size: 22px;
}
/* line 23157, app/assets/stylesheets/application.scss */
.modern-podcast-card:hover {
transform: translateY(-4px) rotate(0deg);
}
/* line 23161, app/assets/stylesheets/application.scss */
.podcast-card-title {
font-size: 18px;
}
/* line 23165, app/assets/stylesheets/application.scss */
.podcast-detail-title {
font-size: 28px;
}
/* line 23169, app/assets/stylesheets/application.scss */
.podcast-detail-header,
.podcast-player-section,
.podcast-description-content {
padding: 24px 20px;
}
/* line 23175, app/assets/stylesheets/application.scss */
.player-section-title {
font-size: 20px;
}
/* line 23179, app/assets/stylesheets/application.scss */
.podcast-meta-badges {
gap: 8px;
}
/* line 23183, app/assets/stylesheets/application.scss */
.positivius-tags-row {
gap: 8px;
}
/* line 23187, app/assets/stylesheets/application.scss */
.positivius-podcast-tag {
font-size: 13px;
padding: 8px 16px;
}
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
/* line 23196, app/assets/stylesheets/application.scss */
.modern-podcast-card,
.podcast-listen-btn,
.positivius-podcast-tag,
.podcast-tag-pill,
.share-btn,
.external-platform-btn,
.back-to-all-btn,
.podcast-card-image {
transition: none;
animation: none;
}
/* line 23208, app/assets/stylesheets/application.scss */
.hero-decorative-circles .circle {
animation: none;
}
/* line 23212, app/assets/stylesheets/application.scss */
.podcast-new-badge {
animation: none;
}
/* line 23216, app/assets/stylesheets/application.scss */
.modern-podcast-card:hover {
transform: none;
}
}
/* High Contrast Focus States */
@media (prefers-contrast: high) {
/* line 23224, app/assets/stylesheets/application.scss */
.positivius-podcast-tag:focus,
.modern-podcast-card:focus,
.podcast-listen-btn:focus,
.podcast-tag-pill:focus {
outline: 4px solid #B9FF66;
outline-offset: 2px;
}
}
/* ==============================================
PERFORMANCE OPTIMIZATIONS - Added 2025-10-29
============================================== */
/* Job Card Active State - Replace inline style manipulation */
/* line 23238, app/assets/stylesheets/application.scss */
.job-card-active {
transform: scale(0.98);
transition: transform 0.1s ease-out;
}
/* Simplified Skeleton Loader - Replaces heavy inline HTML */
/* line 23244, app/assets/stylesheets/application.scss */
.job-skeleton-loader {
padding: 24px;
animation: pulse 1.5s ease-in-out infinite;
}
/* line 23249, app/assets/stylesheets/application.scss */
.skeleton-header {
height: 120px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
border-radius: 12px;
margin-bottom: 16px;
animation: shimmer 1.5s ease-in-out infinite;
}
/* line 23258, app/assets/stylesheets/application.scss */
.skeleton-body {
height: 300px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
border-radius: 12px;
animation: shimmer 1.5s ease-in-out infinite;
}
@keyframes pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
}
@keyframes shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
/* line 23290, app/assets/stylesheets/application.scss */
.job-card-active {
transform: none;
transition: none;
}
/* line 23295, app/assets/stylesheets/application.scss */
.skeleton-header,
.skeleton-body {
animation: none;
}
/* line 23300, app/assets/stylesheets/application.scss */
.job-skeleton-loader {
animation: none;
}
}
/* ============================================
POST JOB PAGE - MUST BE LAST TO OVERRIDE ALL
============================================ */
/* ============================================
Post Job Page - Positivius Design System
100% Match to Reference Design (postajob.html)
Colors: Lime #B9FF66, Black #191A23, Grey #F3F3F3
Cache Buster: v5.0 - 2025-11-26 20:52 - LIME GREEN BUTTON FIX
CRITICAL FIX: Button now has lime green background with black text
============================================ */
/* Page Background & Layout */
/* line 10, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper {
min-height: 100vh;
background-color: #F3F3F3;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
color: #191A23;
position: relative;
/* Break out removed to align with standard page layout */
width: 100%;
}
/* Decorative Background Blurs */
/* line 23, app/assets/stylesheets/_post_job_page.scss */
.post-job-decorative-bg {
pointer-events: none;
position: fixed;
inset: 0;
opacity: 0.5;
mix-blend-mode: multiply;
z-index: 0;
}
/* line 32, app/assets/stylesheets/_post_job_page.scss */
.post-job-decorative-bg .blur-1 {
position: absolute;
top: -6rem;
left: -2.5rem;
width: 15rem;
height: 15rem;
border-radius: 50%;
background-color: rgba(185, 255, 102, 0.25);
filter: blur(48px);
}
/* line 43, app/assets/stylesheets/_post_job_page.scss */
.post-job-decorative-bg .blur-2 {
position: absolute;
top: 33%;
right: -6rem;
width: 18rem;
height: 18rem;
border-radius: 50%;
background-color: rgba(25, 26, 35, 0.05);
filter: blur(48px);
}
/* line 54, app/assets/stylesheets/_post_job_page.scss */
.post-job-decorative-bg .blur-3 {
position: absolute;
bottom: 0;
left: 33%;
width: 16rem;
height: 16rem;
border-radius: 50%;
background-color: rgba(185, 255, 102, 0.15);
filter: blur(48px);
}
/* Content Area - Centers everything */
/* line 66, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-content-area {
position: relative;
z-index: 10;
max-width: 1400px;
margin: 0 auto;
padding: 2rem 1rem 3rem;
display: flex !important;
flex-direction: column !important;
gap: 1.5rem;
width: 100%;
}
@media (min-width: 640px) {
/* line 66, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-content-area {
padding: 2.5rem 1.5rem;
}
}
@media (min-width: 768px) {
/* line 66, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-content-area {
/* Compensate for parent wrapper's px-3 (1rem) starting at md */
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1024px) {
/* line 66, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-content-area {
/* Footer has 2rem padding, Wrapper has 1rem. Need 1rem here to align. */
padding: 3rem 1rem;
gap: 2rem;
}
}
/* Hero Strip Section - Full Width at Top */
/* line 95, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-hero-strip {
border-radius: 1rem;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: 1.25rem 1.5rem;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
display: flex !important;
flex-direction: column;
align-items: flex-start !important;
gap: 1.5rem;
width: 100% !important;
}
@media (min-width: 768px) {
/* line 95, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-hero-strip {
flex-direction: row;
align-items: flex-start !important;
justify-content: space-between;
padding: 1.5rem 1.75rem;
}
}
/* Body Grid - Form + Sidebar */
/* line 117, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-body-grid {
display: grid !important;
grid-template-columns: 1fr;
gap: 1.5rem;
align-items: start;
width: 100%;
/* Ensure children don't overflow */
}
@media (min-width: 1024px) {
/* line 117, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-body-grid {
grid-template-columns: 1.4fr 1fr;
gap: 2rem;
}
}
/* line 130, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-body-grid > * {
min-width: 0;
max-width: 100%;
}
/* Legacy class for compatibility */
/* line 137, app/assets/stylesheets/_post_job_page.scss */
.post-job-main-container {
position: relative;
z-index: 10;
max-width: 1400px;
margin: 0 auto;
padding: 2rem 1rem 3rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1024px) {
/* line 137, app/assets/stylesheets/_post_job_page.scss */
.post-job-main-container {
padding: 3rem 2rem;
gap: 2rem;
}
}
/* line 153, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content {
max-width: 36rem;
flex: 1;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
}
/* CRITICAL: Badge styling - must override global border removal */
/* line 163, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-hero-content .hero-badge,
.post-job-hero-strip .hero-badge,
.hero-badge {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
border-radius: 9999px !important;
background-color: #191A23 !important;
background: #191A23 !important;
color: #B9FF66 !important;
padding: 0.5rem 1rem !important;
font-size: 0.65rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.18em !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
margin-bottom: 0.75rem !important;
border: none !important;
width: auto !important;
max-width: -moz-fit-content !important;
max-width: fit-content !important;
line-height: 1 !important;
animation: none !important;
/* Remove any animation from badge itself */
}
/* line 188, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-hero-content .hero-badge .pulse-dot,
.post-job-hero-strip .hero-badge .pulse-dot,
.hero-badge .pulse-dot {
width: 0.375rem !important;
height: 0.375rem !important;
border-radius: 50% !important;
background-color: #B9FF66 !important;
background: #B9FF66 !important;
flex-shrink: 0 !important;
animation: badgePulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
display: inline-block !important;
}
@keyframes badgePulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
/* line 213, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content h1, .post-job-hero-content .h1 {
font-size: 1.75rem;
font-weight: 600;
letter-spacing: -0.025em;
color: #191A23;
margin: 0 0 0.75rem;
line-height: 1.15;
text-align: left !important;
}
@media (min-width: 640px) {
/* line 213, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content h1, .post-job-hero-content .h1 {
font-size: 2rem;
}
}
@media (min-width: 1024px) {
/* line 213, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content h1, .post-job-hero-content .h1 {
font-size: 2.25rem;
}
}
/* line 231, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content p {
font-size: 0.875rem;
color: rgba(25, 26, 35, 0.7);
margin: 0 0 1rem;
line-height: 1.6;
text-align: left !important;
}
@media (min-width: 640px) {
/* line 231, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content p {
font-size: 0.9375rem;
}
}
/* line 243, app/assets/stylesheets/_post_job_page.scss */
.text-left-force {
text-align: left !important;
align-self: flex-start !important;
justify-self: flex-start !important;
margin-left: 0 !important;
margin-right: auto !important;
width: 100%;
}
/* Hero Stats Pills */
/* line 253, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.6);
justify-content: flex-start !important;
align-items: flex-start !important;
}
/* line 263, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats .stat-pill {
display: inline-flex;
align-items: center;
gap: 0.375rem;
padding: 0.375rem 0.625rem;
border-radius: 9999px;
background-color: #F3F3F3;
border: 1px solid rgba(25, 26, 35, 0.05) !important;
font-size: 0.65rem;
}
/* line 274, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats .stat-pill .dot {
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
}
/* line 280, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats .stat-pill .dot.emerald {
background-color: #34d399;
}
/* line 284, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats .stat-pill .dot.sky {
background-color: #38bdf8;
}
/* line 288, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-stats .stat-pill .dot.amber {
background-color: #fbbf24;
}
/* Hero Snapshot Card */
/* line 293, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot {
width: 100%;
flex-shrink: 0;
}
@media (min-width: 768px) {
/* line 293, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot {
width: auto;
max-width: 18rem;
}
}
/* line 303, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-card {
border-radius: 1rem;
border: 1px dashed rgba(255, 255, 255, 0.2) !important;
background-color: #191A23;
color: #fff;
padding: 1rem 1.25rem;
box-shadow: none !important;
}
/* line 312, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-label {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
margin-bottom: 0.75rem;
margin-top: 0;
}
/* line 322, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
font-size: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 330, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-grid > div {
text-align: left;
}
/* line 334, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-grid .stat-label {
font-size: 0.6rem;
color: rgba(255, 255, 255, 0.5);
margin: 0 0 0.125rem;
}
/* line 340, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-grid .stat-value {
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.025em;
margin: 0;
}
/* line 347, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
padding-top: 0.75rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.5rem;
}
/* line 356, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-footer .footer-text {
font-size: 0.65rem;
color: rgba(255, 255, 255, 0.6);
max-width: 9rem;
line-height: 1.4;
margin: 0;
}
/* line 364, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-footer .price-label {
font-size: 0.6rem;
color: rgba(255, 255, 255, 0.5);
margin: 0;
}
/* line 370, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-snapshot .snapshot-footer .price-value {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.025em;
margin: 0;
}
/* Discount Banner */
/* line 378, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner {
display: flex !important;
text-decoration: none;
border-radius: 1rem;
border: 1px dashed rgba(185, 255, 102, 0.6) !important;
background-color: rgba(185, 255, 102, 0.2);
font-size: 0.75rem;
color: #191A23;
padding: 0.625rem 1rem;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
transition: all 0.2s ease;
box-shadow: none !important;
}
/* line 393, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner:hover {
background-color: rgba(185, 255, 102, 0.3);
text-decoration: none;
color: #191A23;
}
@media (min-width: 640px) {
/* line 378, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner {
font-size: 0.875rem;
padding: 0.625rem 1.25rem;
}
}
/* line 405, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner .banner-content {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
/* line 411, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner .banner-icon {
display: flex;
height: 1.25rem;
width: 1.25rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
background-color: #191A23;
color: #B9FF66;
font-size: 0.7rem;
}
/* line 423, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner .banner-text {
font-weight: 500;
}
/* line 427, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner .banner-cta {
display: none;
align-items: center;
gap: 0.25rem;
font-size: 0.7rem;
font-weight: 500;
}
@media (min-width: 640px) {
/* line 427, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-banner .banner-cta {
display: inline-flex;
}
}
/* Form Container */
/* line 440, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-container {
display: flex !important;
flex-direction: column !important;
gap: 1.25rem;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
@media (min-width: 640px) {
/* line 440, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-container {
gap: 1.5rem;
}
}
/* Form Card */
/* line 455, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card {
border-radius: 1rem !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background: rgba(255, 255, 255, 0.9) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06) !important;
padding: 1rem !important;
font-size: 0.875rem !important;
}
@media (min-width: 640px) {
/* line 455, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card {
padding: 1.5rem !important;
border-radius: 1rem !important;
}
}
@media (min-width: 1024px) {
/* line 455, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card {
padding: 1.75rem !important;
border-radius: 1rem !important;
}
}
/* Form Section */
/* line 476, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section {
padding-top: 1rem !important;
border-top: 1px dashed rgba(25, 26, 35, 0.1) !important;
margin-top: 0 !important;
/* Spacing between sections */
}
/* line 481, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section:first-child {
padding-top: 0 !important;
border-top: none !important;
margin-top: 0 !important;
}
/* line 488, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section + .post-job-form-section {
margin-top: 0 !important;
}
/* line 493, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section .section-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 0.5rem !important;
margin-bottom: 1rem !important;
}
@media (min-width: 640px) {
/* line 493, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section .section-header {
margin-bottom: 1rem !important;
}
}
/* CRITICAL: Override global section-title styles */
/* line 506, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-section .section-title,
.post-job-form-card .section-title,
.post-job-form-section .section-title {
font-size: 1rem !important;
font-weight: 600 !important;
letter-spacing: -0.025em !important;
color: #191A23 !important;
margin: 0 !important;
display: inline-block !important;
position: relative !important;
padding: 0 !important;
padding-bottom: 0 !important;
line-height: 1.75rem !important;
background: none !important;
border: none !important;
text-decoration: none !important;
}
@media (min-width: 640px) {
/* line 506, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-section .section-title,
.post-job-form-card .section-title,
.post-job-form-section .section-title {
font-size: 1.125rem !important;
}
}
/* CRITICAL: Remove ALL pseudo-elements from section titles */
/* line 529, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-section .section-title::before,
.post-job-page-wrapper .post-job-form-section .section-title::after,
.post-job-form-card .section-title::before,
.post-job-form-card .section-title::after,
.post-job-form-section .section-title::before,
.post-job-form-section .section-title::after {
display: none !important;
content: none !important;
background: none !important;
border: none !important;
width: 0 !important;
height: 0 !important;
}
/* line 543, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section .section-step {
font-size: 0.7rem !important;
color: rgba(25, 26, 35, 0.6) !important;
font-weight: 400 !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
/* Form Fields */
/* line 552, app/assets/stylesheets/_post_job_page.scss */
.post-job-field {
margin-bottom: 0.75rem !important;
}
@media (min-width: 640px) {
/* line 552, app/assets/stylesheets/_post_job_page.scss */
.post-job-field {
margin-bottom: 1rem !important;
}
}
/* Grid gap for fields in Job details section */
/* line 561, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section:first-child .post-job-field {
margin-bottom: 0.75rem !important;
}
@media (min-width: 640px) {
/* line 561, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section:first-child .post-job-field {
margin-bottom: 1rem !important;
}
}
/* line 569, app/assets/stylesheets/_post_job_page.scss */
.post-job-field-label {
display: block;
font-size: 0.75rem;
font-weight: 500;
color: rgba(25, 26, 35, 0.8);
margin-bottom: 0.375rem;
}
/* line 577, app/assets/stylesheets/_post_job_page.scss */
.post-job-field-label .required {
color: #f43f5e;
}
/* line 581, app/assets/stylesheets/_post_job_page.scss */
.post-job-field-hint {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.55);
margin-top: 0.375rem;
line-height: 1.4;
}
/* line 588, app/assets/stylesheets/_post_job_page.scss */
.post-job-field-tip {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.375rem;
}
/* line 596, app/assets/stylesheets/_post_job_page.scss */
.post-job-field-tip .tip-text {
font-size: 0.65rem;
color: rgba(25, 26, 35, 0.6);
}
/* Input Styles */
/* line 602, app/assets/stylesheets/_post_job_page.scss */
.post-job-input {
width: 100%;
border-radius: 0.75rem;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background-color: #F9FAFB !important;
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
color: #191A23;
transition: all 0.2s ease;
font-family: inherit;
}
/* line 613, app/assets/stylesheets/_post_job_page.scss */
.post-job-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.4);
}
.post-job-input::placeholder {
color: rgba(25, 26, 35, 0.4);
}
/* line 617, app/assets/stylesheets/_post_job_page.scss */
.post-job-input:focus {
outline: none;
border-color: transparent !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
}
/* line 624, app/assets/stylesheets/_post_job_page.scss */
.post-job-textarea {
width: 100% !important;
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background-color: #F9FAFB !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.875rem !important;
color: #191A23 !important;
resize: vertical !important;
min-height: 10rem !important;
font-family: inherit !important;
line-height: 1.5 !important;
}
/* line 637, app/assets/stylesheets/_post_job_page.scss */
.post-job-textarea::-moz-placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
.post-job-textarea::placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
/* line 641, app/assets/stylesheets/_post_job_page.scss */
.post-job-textarea:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
}
/* line 648, app/assets/stylesheets/_post_job_page.scss */
.post-job-select {
width: 100% !important;
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background-color: #F9FAFB !important;
background: #F9FAFB !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.875rem !important;
color: #191A23 !important;
font-family: inherit !important;
cursor: pointer !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23191A23'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 0.75rem center !important;
background-size: 1rem !important;
padding-right: 2.5rem !important;
}
/* line 668, app/assets/stylesheets/_post_job_page.scss */
.post-job-select:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
}
/* Trix Editor Override - AGGRESSIVE - Match reference design exactly */
/* line 676, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor,
.post-job-form-card trix-editor,
trix-editor {
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background-color: #F9FAFB !important;
background: #F9FAFB !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.875rem !important;
color: #191A23 !important;
min-height: 10rem !important;
max-height: none !important;
line-height: 1.5 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
overflow-y: auto !important;
resize: vertical !important;
/* Placeholder styling */
/* Remove any Trix default margins/padding */
}
/* line 693, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor:focus,
.post-job-form-card trix-editor:focus,
trix-editor:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
}
/* line 700, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor:empty:not(:focus)::before,
.post-job-form-card trix-editor:empty:not(:focus)::before,
trix-editor:empty:not(:focus)::before {
color: rgba(25, 26, 35, 0.4) !important;
}
/* line 705, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor *,
.post-job-form-card trix-editor *,
trix-editor * {
margin: 0 !important;
}
/* HIDE TRIX TOOLBAR COMPLETELY */
/* line 711, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-toolbar,
.post-job-form-card trix-toolbar,
trix-toolbar {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
position: absolute !important;
pointer-events: none !important;
}
/* Trix content styling */
/* line 724, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .trix-content,
.post-job-form-card .trix-content {
font-size: 0.875rem !important;
line-height: 1.5 !important;
color: #191A23 !important;
}
/* Salary Range Inputs */
/* line 732, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.5rem;
}
@media (min-width: 640px) {
/* line 732, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-grid {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
}
}
/* line 744, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-label {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.6);
margin-bottom: 0.375rem;
display: block;
}
/* line 751, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-input-wrapper {
display: flex;
align-items: center;
gap: 0.25rem;
border-radius: 0.75rem;
border: 1px solid rgba(25, 26, 35, 0.15);
background-color: #FFFFFF;
padding: 0 0.5rem;
}
/* line 760, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-input-wrapper:focus-within {
border-color: transparent;
box-shadow: 0 0 0 2px #B9FF66;
}
/* line 766, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-currency {
font-size: 0.75rem;
color: rgba(25, 26, 35, 0.6);
}
/* line 771, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-input {
width: 100%;
border: none !important;
background: transparent !important;
padding: 0.5rem 0;
font-size: 0.875rem;
color: #191A23;
}
/* line 779, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.35);
}
.post-job-salary-field .salary-input::placeholder {
color: rgba(25, 26, 35, 0.35);
}
/* line 783, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-field .salary-input:focus {
outline: none;
box-shadow: none !important;
}
/* line 790, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-separator {
display: none;
align-items: center;
justify-content: center;
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.5);
}
@media (min-width: 640px) {
/* line 790, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-separator {
display: flex;
}
}
/* line 802, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-separator-mobile {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.5);
}
@media (min-width: 640px) {
/* line 802, app/assets/stylesheets/_post_job_page.scss */
.post-job-salary-separator-mobile {
display: none;
}
}
/* Radio Options Grid */
/* line 812, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-grid {
display: grid;
gap: 0.5rem;
}
@media (min-width: 640px) {
/* line 812, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 821, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option {
display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 0.75rem;
border: 1px solid rgba(25, 26, 35, 0.15);
background-color: #FFFFFF;
padding: 0.5rem 0.75rem;
font-size: 0.75rem;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 833, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option:hover {
border-color: rgba(25, 26, 35, 0.4);
}
/* line 837, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option.selected {
border-color: #B9FF66;
background-color: rgba(185, 255, 102, 0.1);
}
/* line 842, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* line 849, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option .radio-dot {
display: flex;
height: 0.875rem;
width: 0.875rem;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(25, 26, 35, 0.3);
background-color: #fff;
flex-shrink: 0;
}
/* line 860, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option .radio-dot::after {
content: '';
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #fff;
transition: background-color 0.2s ease;
}
/* line 870, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option.selected .radio-dot {
background-color: #191A23;
border-color: #191A23;
}
/* line 874, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option.selected .radio-dot::after {
background-color: #B9FF66;
}
/* line 879, app/assets/stylesheets/_post_job_page.scss */
.post-job-radio-option .radio-text {
font-weight: 500;
color: rgba(25, 26, 35, 0.8);
}
/* Checkbox Options - Match Reference Design */
/* line 886, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option {
display: flex !important;
align-items: flex-start !important;
gap: 0.75rem !important;
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background-color: #F9FAFB !important;
padding: 0.75rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
/* line 897, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option:hover {
border-color: rgba(25, 26, 35, 0.4) !important;
}
/* line 901, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option input[type="checkbox"] {
margin-top: 0.25rem !important;
height: 0.875rem !important;
/* 14px / h-3.5 */
width: 0.875rem !important;
/* 14px / w-3.5 */
border-radius: 0.25rem !important;
border: 1px solid rgba(25, 26, 35, 0.3) !important;
background-color: white !important;
cursor: pointer !important;
flex-shrink: 0 !important;
/* Custom checkbox styling */
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
/* line 918, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option input[type="checkbox"]:checked {
background-color: #191A23 !important;
border-color: #191A23 !important;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
background-size: 100% 100% !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* line 927, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option input[type="checkbox"]:focus {
outline: none !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
border-color: #B9FF66 !important;
}
/* line 934, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option .checkbox-content {
font-size: 0.75rem !important;
flex: 1 !important;
}
/* line 938, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option .checkbox-content .checkbox-title {
font-weight: 500 !important;
color: #191A23 !important;
margin: 0 !important;
}
/* line 944, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option .checkbox-content .checkbox-price {
font-weight: 600 !important;
}
/* line 948, app/assets/stylesheets/_post_job_page.scss */
.post-job-checkbox-option .checkbox-content .checkbox-desc {
color: rgba(25, 26, 35, 0.6) !important;
margin-top: 0.125rem !important;
margin-bottom: 0 !important;
}
/* Sticky Options */
/* line 957, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-grid {
display: grid;
gap: 0.5rem;
}
@media (min-width: 640px) {
/* line 957, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 966, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option {
display: flex;
flex-direction: column;
gap: 0.25rem;
border-radius: 0.75rem;
border: 1px solid rgba(25, 26, 35, 0.15);
background-color: #FFFFFF;
padding: 0.5rem 0.75rem;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
/* line 978, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option:hover {
border-color: rgba(25, 26, 35, 0.4);
}
/* line 982, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option.selected {
border-color: #B9FF66;
background-color: rgba(185, 255, 102, 0.1);
}
/* line 987, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* line 994, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option .sticky-title {
font-size: 0.75rem;
font-weight: 500;
color: rgba(25, 26, 35, 0.8);
}
/* line 1000, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option .sticky-price {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.6);
}
/* line 1005, app/assets/stylesheets/_post_job_page.scss */
.post-job-sticky-option .sticky-badge {
display: inline-flex;
align-items: center;
padding: 0.125rem 0.375rem;
border-radius: 9999px;
background-color: rgba(185, 255, 102, 0.8);
font-size: 0.6rem;
font-weight: 500;
color: #191A23;
margin-left: auto;
}
/* Highlight Options */
/* line 1019, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-grid {
display: grid;
gap: 0.5rem;
}
@media (min-width: 640px) {
/* line 1019, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* line 1028, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option {
display: flex;
flex-direction: column;
gap: 0.25rem;
border-radius: 0.75rem;
border: 1px solid rgba(25, 26, 35, 0.15);
background-color: #FFFFFF;
padding: 0.5rem 0.75rem;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
/* line 1040, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option:hover {
border-color: rgba(25, 26, 35, 0.4);
}
/* line 1044, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option.selected {
border-color: #B9FF66;
background-color: rgba(185, 255, 102, 0.1);
}
/* line 1049, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option.highlight-standard {
border-color: rgba(25, 26, 35, 0.2);
background-color: #FFFEE5;
}
/* line 1053, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option.highlight-standard:hover {
border-color: rgba(25, 26, 35, 0.5);
}
/* line 1058, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* line 1065, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.25rem;
}
/* line 1072, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-title {
font-size: 0.75rem;
font-weight: 500;
color: rgba(25, 26, 35, 0.8);
}
/* line 1078, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-price {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.6);
}
/* line 1083, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-badge {
display: inline-flex;
align-items: center;
padding: 0.125rem 0.375rem;
border-radius: 9999px;
background-color: #191A23;
font-size: 0.6rem;
font-weight: 500;
color: #B9FF66;
}
/* line 1094, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-color-picker {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
/* line 1100, app/assets/stylesheets/_post_job_page.scss */
.post-job-highlight-option .highlight-color-picker input[type="color"] {
height: 1.25rem;
width: 2rem;
border-radius: 0.25rem;
border: 1px solid rgba(25, 26, 35, 0.2);
background-color: #fff;
cursor: pointer;
}
/* Logo Upload */
/* line 1112, app/assets/stylesheets/_post_job_page.scss */
.post-job-logo-upload {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
@media (min-width: 640px) {
/* line 1112, app/assets/stylesheets/_post_job_page.scss */
.post-job-logo-upload {
flex-direction: row;
align-items: center;
}
}
/* line 1123, app/assets/stylesheets/_post_job_page.scss */
.post-job-upload-btn {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
border-radius: 9999px !important;
border: 1px solid rgba(185, 255, 102, 0.6) !important;
background-color: rgba(185, 255, 102, 0.8) !important;
padding: 0.5rem 1rem !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
color: #191A23 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
box-shadow: 0 2px 4px rgba(185, 255, 102, 0.3) !important;
}
/* line 1140, app/assets/stylesheets/_post_job_page.scss */
.post-job-upload-btn:hover {
background-color: #B9FF66 !important;
border-color: #B9FF66 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(185, 255, 102, 0.4) !important;
}
/* line 1147, app/assets/stylesheets/_post_job_page.scss */
.post-job-upload-btn svg {
width: 0.875rem !important;
height: 0.875rem !important;
color: #191A23 !important;
}
/* line 1154, app/assets/stylesheets/_post_job_page.scss */
.post-job-upload-hint {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.55);
}
/* Tags/Pills Input - Match reference design exactly */
/* line 1160, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container {
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background-color: #F9FAFB !important;
background: #F9FAFB !important;
padding: 0.5rem 0.75rem !important;
display: flex !important;
flex-direction: column !important;
gap: 0.5rem !important;
}
/* line 1171, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.375rem !important;
margin: 0 !important;
}
/* line 1178, app/assets/stylesheets/_post_job_page.scss */
.post-job-tag {
display: inline-flex !important;
align-items: center !important;
gap: 0.25rem !important;
padding: 0.25rem 0.5rem !important;
border-radius: 9999px !important;
background-color: #FFFFFF !important;
background: #FFFFFF !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
font-size: 0.7rem !important;
color: rgba(25, 26, 35, 0.8) !important;
line-height: 1 !important;
}
/* line 1192, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-input {
width: 100% !important;
border: none !important;
background: transparent !important;
font-size: 0.75rem !important;
color: #191A23 !important;
padding: 0 !important;
}
/* line 1200, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
.post-job-tags-input::placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
/* line 1204, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-input:focus {
outline: none !important;
box-shadow: none !important;
}
/* Submit Section - Match Reference Design */
/* line 1211, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-section {
padding-top: 1rem !important;
border-top: 1px dashed rgba(25, 26, 35, 0.1) !important;
margin-top: 1.5rem !important;
display: flex !important;
flex-direction: column !important;
gap: 0.75rem !important;
}
@media (min-width: 640px) {
/* line 1211, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-section {
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
}
/* line 1227, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-info .submit-title {
font-size: 0.875rem !important;
font-weight: 600 !important;
letter-spacing: -0.025em !important;
color: #191A23 !important;
margin: 0 0 0.25rem !important;
}
/* line 1235, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-info .submit-desc {
font-size: 0.75rem !important;
color: rgba(25, 26, 35, 0.6) !important;
margin: 0 !important;
}
/* line 1242, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-action {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.375rem !important;
}
@media (min-width: 640px) {
/* line 1242, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-action {
align-items: flex-end !important;
}
}
/* line 1253, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 9999px !important;
/* rounded-full - FULL PILL */
background-color: #191A23 !important;
/* DARK background */
color: #B9FF66 !important;
/* LIME text */
font-size: 0.75rem !important;
/* text-xs */
font-weight: 600 !important;
/* font-semibold */
text-transform: uppercase !important;
letter-spacing: 0.16em !important;
/* tracking-[0.16em] */
padding: 0.5rem 1.25rem !important;
/* py-2 px-5 */
border: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
/* transition-colors */
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
/* shadow-[0_8px_25px_rgba(0,0,0,0.25)] */
white-space: nowrap !important;
}
/* line 1280, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn:hover {
background-color: #000 !important;
/* hover:bg-black */
}
/* line 1285, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn:focus {
outline: 2px solid #B9FF66 !important;
outline-offset: 2px !important;
}
/* line 1290, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn svg {
width: 0.875rem !important;
/* w-3.5 */
height: 0.875rem !important;
/* h-3.5 */
margin-left: 0.25rem !important;
/* ml-1 */
}
/* line 1300, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-note {
font-size: 0.65rem !important;
color: rgba(25, 26, 35, 0.6) !important;
margin: 0 !important;
}
@media (min-width: 640px) {
/* line 1300, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-note {
text-align: right !important;
}
}
/* Discount Display */
/* line 1311, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-display {
text-align: center;
margin-top: 0.75rem;
}
/* line 1315, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-display .original-price {
color: #6b7280;
text-decoration: line-through;
margin-right: 0.5rem;
}
/* line 1321, app/assets/stylesheets/_post_job_page.scss */
.post-job-discount-display .discount-label {
color: #0fb569;
font-weight: 700;
}
/* ============================================
SIDEBAR STYLES
============================================ */
/* line 1331, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-sidebar {
display: none !important;
flex-direction: column;
gap: 1.25rem;
font-size: 0.875rem;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
/* Ensure all cards fit within sidebar */
}
@media (min-width: 1024px) {
/* line 1331, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-sidebar {
display: flex !important;
}
}
/* line 1346, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-sidebar > * {
max-width: 100%;
overflow: hidden;
}
/* Why Teams Use Card */
/* line 1353, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card {
border-radius: 1rem;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: 1.25rem;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
overflow: hidden;
}
/* line 1363, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-label {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: rgba(25, 26, 35, 0.5);
font-weight: 600;
margin-bottom: 1rem;
margin-top: 0;
}
/* line 1373, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-text {
font-size: 0.875rem;
color: rgba(25, 26, 35, 0.8);
margin-bottom: 0.75rem;
line-height: 1.5;
}
/* line 1380, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
/* line 1389, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-list li {
display: flex;
align-items: flex-start;
gap: 0.5rem;
font-size: 0.75rem;
color: rgba(25, 26, 35, 0.7);
line-height: 1.4;
}
/* line 1398, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-list .check-icon {
margin-top: 0.125rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
background-color: rgba(16, 185, 129, 0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 1409, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar-card .card-list .check-icon svg {
width: 0.625rem;
height: 0.625rem;
color: #10b981;
}
/* Trusted By Card */
/* line 1417, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-card {
border-radius: 1rem;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background: rgba(255, 255, 255, 0.8);
padding: 1.25rem;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
}
/* line 1426, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-card .trusted-label {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.5);
margin-bottom: 1rem;
margin-top: 0;
}
/* line 1433, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
align-items: center;
justify-items: center;
margin-bottom: 1.5rem;
padding: 0.5rem 0;
}
/* line 1443, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-logos .logo-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 2.5rem;
}
/* line 1451, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-logos img {
height: 2rem;
max-width: 4.5rem;
-o-object-fit: contain;
object-fit: contain;
filter: grayscale(100%) opacity(0.6);
transition: all 0.3s ease;
}
/* line 1458, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-logos img:hover {
filter: grayscale(0%) opacity(1);
}
/* line 1463, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
padding-top: 0.75rem;
border-top: 1px dashed rgba(25, 26, 35, 0.1) !important;
text-align: left;
}
/* line 1472, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-stats .stat-item {
font-size: 0.6rem;
color: rgba(25, 26, 35, 0.6);
line-height: 1.3;
overflow: hidden;
}
/* line 1478, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-stats .stat-item .stat-value {
font-size: 0.75rem;
font-weight: 700;
color: #191A23;
letter-spacing: -0.025em;
display: block;
margin-bottom: 0.125rem;
}
/* line 1487, app/assets/stylesheets/_post_job_page.scss */
.post-job-trusted-stats .stat-item .stat-label {
display: block;
font-size: 0.55rem;
line-height: 1.2;
}
/* Testimonial Card */
/* line 1495, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial-card {
border-radius: 1rem;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
background: rgba(255, 255, 255, 0.9);
padding: 1.25rem;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
}
/* line 1504, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial {
display: flex;
gap: 0.75rem;
}
/* line 1509, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial .testimonial-avatar {
width: 2.5rem;
height: 2.5rem;
border-radius: 50% !important;
-o-object-fit: cover;
object-fit: cover;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
flex-shrink: 0;
}
/* line 1518, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial .testimonial-content {
font-size: 0.75rem;
flex: 1;
}
/* line 1522, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial .testimonial-content .testimonial-quote {
font-weight: 600;
color: #191A23;
letter-spacing: -0.025em;
margin: 0 0 0.5rem;
font-size: 0.8rem;
line-height: 1.4;
}
/* line 1531, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial .testimonial-content .testimonial-text {
color: rgba(25, 26, 35, 0.65);
margin: 0 0 0.75rem;
line-height: 1.5;
font-size: 0.75rem;
}
/* line 1538, app/assets/stylesheets/_post_job_page.scss */
.post-job-testimonial .testimonial-content .testimonial-author {
font-size: 0.7rem;
color: rgba(25, 26, 35, 0.6);
margin: 0;
}
/* ============================================
ADDITIONAL FORM OVERRIDES
============================================ */
/* Override Bootstrap/Rails form defaults */
/* line 1558, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="text"]:focus,
.post-job-form-card input[type="email"]:focus,
.post-job-form-card input[type="url"]:focus,
.post-job-form-card input[type="number"]:focus,
.post-job-form-card textarea:focus,
.post-job-form-card select:focus {
outline: none !important;
border-color: #B9FF66 !important;
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.5) !important;
}
/* line 1565, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card .trix-content {
font-size: 0.875rem;
line-height: 1.6;
}
/* Style the dropdown library to match reference design */
/* line 1572, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .form-control.dropdown {
border: none !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
}
/* line 1578, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .form-control.dropdown input {
border: none !important;
background: transparent !important;
font-size: 0.75rem !important;
color: #191A23 !important;
padding: 0 !important;
}
/* line 1585, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .form-control.dropdown input::-moz-placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
.post-job-tags-container .form-control.dropdown input::placeholder {
color: rgba(25, 26, 35, 0.4) !important;
}
/* line 1589, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .form-control.dropdown input:focus {
outline: none !important;
box-shadow: none !important;
}
/* Dropdown menu styling */
/* line 1597, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .dropdown-menu {
border-radius: 0.75rem !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background: #FFFFFF !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
margin-top: 0.25rem !important;
}
/* line 1604, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .dropdown-menu .dropdown-item {
font-size: 0.75rem !important;
color: #191A23 !important;
padding: 0.5rem 0.75rem !important;
background: transparent !important;
}
/* line 1610, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container .dropdown-menu .dropdown-item:hover, .post-job-tags-container .dropdown-menu .dropdown-item:focus, .post-job-tags-container .dropdown-menu .dropdown-item.active {
background-color: #F9FAFB !important;
color: #191A23 !important;
}
/* Hide the select element but keep dropdown functional */
/* line 1620, app/assets/stylesheets/_post_job_page.scss */
.post-job-tags-container select.mytags {
display: none !important;
}
/* File Input Hidden */
/* line 1625, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="file"] {
display: none;
}
/* Color Picker */
/* line 1630, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="color"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid rgba(25, 26, 35, 0.2) !important;
border-radius: 0.25rem;
height: 1.5rem;
width: 2.5rem;
cursor: pointer;
padding: 0;
}
/* line 1641, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="color"]::-webkit-color-swatch-wrapper {
padding: 2px;
}
/* line 1645, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="color"]::-webkit-color-swatch {
border: none;
border-radius: 0.125rem;
}
/* Checkbox Styling */
/* line 1652, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1rem;
height: 1rem;
border: 1px solid rgba(25, 26, 35, 0.3);
border-radius: 0.25rem;
background-color: #fff;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
/* line 1665, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="checkbox"]:checked {
background-color: #191A23;
border-color: #191A23;
}
/* line 1669, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="checkbox"]:checked::after {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #B9FF66;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* line 1682, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card input[type="checkbox"]:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.5);
}
/* Mobile Responsive Adjustments */
@media (max-width: 639px) {
/* line 1690, app/assets/stylesheets/_post_job_page.scss */
.post-job-main-container {
padding: 1rem 0.75rem 2rem;
}
/* line 1694, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-strip {
padding: 1rem;
}
/* line 1698, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-card {
padding: 1rem;
}
/* line 1702, app/assets/stylesheets/_post_job_page.scss */
.post-job-hero-content h1, .post-job-hero-content .h1 {
font-size: 1.25rem;
}
/* line 1706, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-section {
flex-direction: column;
text-align: center;
}
/* line 1711, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-action {
width: 100%;
align-items: center;
}
/* line 1716, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn {
width: 100%;
}
}
/* Animation for form sections */
/* line 1722, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-section {
animation: fadeInUp 0.4s ease-out;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Hover states for interactive elements */
/* line 1739, app/assets/stylesheets/_post_job_page.scss */
.post-job-input:hover,
.post-job-textarea:hover,
.post-job-select:hover {
border-color: rgba(25, 26, 35, 0.3) !important;
}
/* Focus visible for accessibility */
/* line 1746, app/assets/stylesheets/_post_job_page.scss */
.post-job-submit-btn:focus-visible {
outline: 2px solid #B9FF66;
outline-offset: 2px;
}
/* ============================================
CRITICAL BORDER & LAYOUT FIXES
Override any global resets
============================================ */
/* line 1757, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper,
.post-job-page-wrapper * {
box-sizing: border-box;
}
/* Reset borders for post-job elements - override global reset */
/* line 1763, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper {
border: none;
/* Cards and containers */
/* Form inputs */
/* Radio and checkbox options */
/* Tags container */
/* Salary input wrapper */
/* Section dividers */
/* Submit section */
/* Snapshot card */
/* Trusted stats */
/* Trix editor - CRITICAL OVERRIDE */
/* Upload button */
/* Hero badge */
/* Submit button - Dark with lime text */
}
/* line 1767, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-hero-strip,
.post-job-page-wrapper .post-job-form-card,
.post-job-page-wrapper .post-job-sidebar-card,
.post-job-page-wrapper .post-job-trusted-card,
.post-job-page-wrapper .post-job-testimonial-card {
border: 1px solid rgba(25, 26, 35, 0.1);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}
/* line 1776, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-discount-banner {
border: 1px dashed rgba(185, 255, 102, 0.6);
}
/* line 1781, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-input,
.post-job-page-wrapper .post-job-textarea,
.post-job-page-wrapper .post-job-select {
border: 1px solid rgba(25, 26, 35, 0.15);
}
/* line 1786, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-input:focus,
.post-job-page-wrapper .post-job-textarea:focus,
.post-job-page-wrapper .post-job-select:focus {
border-color: #B9FF66;
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.5);
outline: none;
}
/* line 1794, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-radio-option,
.post-job-page-wrapper .post-job-checkbox-option,
.post-job-page-wrapper .post-job-sticky-option,
.post-job-page-wrapper .post-job-highlight-option {
border: 1px solid rgba(25, 26, 35, 0.15);
}
/* line 1800, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-radio-option.selected,
.post-job-page-wrapper .post-job-checkbox-option.selected,
.post-job-page-wrapper .post-job-sticky-option.selected,
.post-job-page-wrapper .post-job-highlight-option.selected {
border-color: #B9FF66;
}
/* line 1804, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-radio-option:hover,
.post-job-page-wrapper .post-job-checkbox-option:hover,
.post-job-page-wrapper .post-job-sticky-option:hover,
.post-job-page-wrapper .post-job-highlight-option:hover {
border-color: rgba(25, 26, 35, 0.4);
}
/* line 1810, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-tags-container {
border: 1px solid rgba(25, 26, 35, 0.1);
}
/* line 1815, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .salary-input-wrapper {
border: 1px solid rgba(25, 26, 35, 0.15);
}
/* line 1818, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .salary-input-wrapper:focus-within {
border-color: #B9FF66;
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.5);
}
/* line 1825, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-section {
border-top: 1px dashed rgba(25, 26, 35, 0.1);
}
/* line 1828, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-form-section:first-child {
border-top: none;
}
/* line 1834, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-submit-section {
border-top: 1px dashed rgba(25, 26, 35, 0.1);
}
/* line 1839, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .snapshot-card {
border: 1px dashed rgba(25, 26, 35, 0.2);
}
/* line 1843, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .snapshot-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* line 1848, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-trusted-stats {
border-top: 1px dashed rgba(25, 26, 35, 0.1);
}
/* line 1853, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor {
border: 1px solid rgba(25, 26, 35, 0.15) !important;
border-radius: 0.75rem !important;
background-color: #F9FAFB !important;
background: #F9FAFB !important;
min-height: 10rem !important;
padding: 0.5rem 0.75rem !important;
}
/* line 1861, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-editor:focus {
border-color: #B9FF66 !important;
box-shadow: 0 0 0 2px #B9FF66 !important;
outline: none !important;
}
/* line 1868, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper trix-toolbar {
display: none !important;
visibility: hidden !important;
height: 0 !important;
position: absolute !important;
}
/* line 1876, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-upload-btn {
border: 1px solid rgba(25, 26, 35, 0.15);
}
/* line 1879, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-upload-btn:hover {
border-color: rgba(25, 26, 35, 0.4);
}
/* line 1885, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .hero-badge {
border: none;
}
/* line 1890, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper .post-job-submit-btn {
border: none !important;
background-color: #191A23 !important;
color: #B9FF66 !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}
/* Ensure the page wrapper takes full width */
/* line 1899, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper {
width: 100%;
padding-top: 0;
}
/* Remove any conflicting padding from body */
/* line 1905, app/assets/stylesheets/_post_job_page.scss */
body.post-job-page {
padding-top: 80px;
}
/* Ensure content area is properly centered */
/* line 1910, app/assets/stylesheets/_post_job_page.scss */
.post-job-content-area {
width: 100%;
}
/* Fix for the body grid to ensure proper column layout */
/* line 1915, app/assets/stylesheets/_post_job_page.scss */
.post-job-body-grid {
width: 100%;
}
/* Ensure form container fills its grid cell */
/* line 1920, app/assets/stylesheets/_post_job_page.scss */
.post-job-form-container {
width: 100%;
min-width: 0;
}
/* Ensure sidebar is sticky on scroll */
@media (min-width: 1024px) {
/* line 1927, app/assets/stylesheets/_post_job_page.scss */
.post-job-sidebar {
position: sticky;
top: 100px;
}
}
/* ============================================
Simple textarea - no Trix editor needed
============================================ */
/* CRITICAL FIX: Force select text to be visible */
/* line 1940, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper select.post-job-select,
.post-job-form-card select.post-job-select,
select.post-job-select {
color: #191A23 !important;
opacity: 1 !important;
-webkit-text-fill-color: #191A23 !important;
}
/* line 1948, app/assets/stylesheets/_post_job_page.scss */
.post-job-page-wrapper select.post-job-select option,
.post-job-form-card select.post-job-select option,
select.post-job-select option {
color: #191A23 !important;
background: #FFFFFF !important;
}
/* AiHunt profile edit page - MUST be last for overrides */
/* line 1, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page {
background: #f3f3f3;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
position: relative;
min-height: 100vh;
padding: 24px 0 80px;
color: #191a23;
--profile-content-max-width: 1280px;
--profile-shell-padding: 16px;
}
@media (min-width: 640px) {
/* line 13, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page {
--profile-shell-padding: 24px;
}
}
@media (min-width: 1024px) {
/* line 19, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page {
--profile-shell-padding: 32px;
}
}
/* line 24, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.is-hidden {
display: none !important;
}
/* line 29, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page h1, .aihunt-profile-page .h1,
.aihunt-profile-page h2,
.aihunt-profile-page .h2,
.aihunt-profile-page h3,
.aihunt-profile-page .h3,
.aihunt-profile-page h4,
.aihunt-profile-page .h4,
.aihunt-profile-page p,
.aihunt-profile-page li,
.aihunt-profile-page span,
.aihunt-profile-page a,
.aihunt-profile-page label,
.aihunt-profile-page button,
.aihunt-profile-page input,
.aihunt-profile-page select,
.aihunt-profile-page textarea {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
/* line 45, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page ::-moz-selection {
background: #b9ff66;
color: #191a23;
}
.aihunt-profile-page ::selection {
background: #b9ff66;
color: #191a23;
}
/* line 50, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page ::-moz-selection {
background: #b9ff66;
color: #191a23;
}
/* line 55, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page a {
color: inherit;
}
/* line 60, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-title::after,
.experience-section-title::after,
.education-section-title::after,
.skills-section-title::after,
.projects-section-title::after {
content: none !important;
display: none !important;
}
/* line 71, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page h2::before, .aihunt-profile-page .h2::before,
.aihunt-profile-page h2::after,
.aihunt-profile-page .h2::after {
content: none !important;
display: none !important;
}
/* line 77, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page h2, .aihunt-profile-page .h2 {
background: transparent !important;
background-image: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
/* line 90, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .about-section-title,
.aihunt-profile-page .experience-section-title,
.aihunt-profile-page .education-section-title,
.aihunt-profile-page .skills-section-title,
.aihunt-profile-page .projects-section-title {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: -0.025em !important;
line-height: 1.2 !important;
color: #191a23 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
text-transform: none !important;
}
/* line 111, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .about-section-title {
font-size: 14px !important;
}
/* line 116, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .experience-timeline__bullets li,
.aihunt-profile-page .experience-item-bullets li,
.aihunt-profile-page .education-item-bullets li,
.aihunt-profile-page .project-item-bullets li {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
color: rgba(25, 26, 35, 0.7) !important;
line-height: 1.625 !important;
padding: 0 !important;
margin: 0 0 8px 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* line 133, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .experience-timeline__bullets,
.aihunt-profile-page .experience-item-bullets,
.aihunt-profile-page .education-item-bullets,
.aihunt-profile-page .project-item-bullets {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
list-style: disc !important;
padding-left: 16px !important;
margin: 8px 0 0 0 !important;
}
/* line 143, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .experience-timeline__bullets li::marker,
.aihunt-profile-page .experience-item-bullets li::marker,
.aihunt-profile-page .education-item-bullets li::marker,
.aihunt-profile-page .project-item-bullets li::marker {
color: rgba(25, 26, 35, 0.3) !important;
}
/* line 150, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .experience-timeline__description,
.aihunt-profile-page .experience-item-description,
.aihunt-profile-page .education-item-description,
.aihunt-profile-page .project-item-description {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
color: rgba(25, 26, 35, 0.7) !important;
line-height: 1.625 !important;
margin: 8px 0 0 0 !important;
}
/* line 162, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__backdrop {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
/* Below header (header is z-index: 9999) */
display: none;
}
/* line 172, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__backdrop::before {
display: none;
}
/* line 176, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__blob {
display: none;
}
/* line 180, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__blob--lime {
width: 40%;
height: 40%;
top: -10%;
left: -10%;
background: rgba(190, 242, 100, 0.2);
}
/* line 188, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__blob--charcoal {
width: 30%;
height: 30%;
top: 10%;
right: -10%;
background: rgba(228, 228, 231, 0.3);
}
/* line 196, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__blob--mint {
display: none;
}
/* line 200, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page__shell {
position: relative;
z-index: 2;
max-width: var(--profile-content-max-width);
margin: 0 auto;
padding: 0 var(--profile-shell-padding);
}
/* line 211, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page {
--profile-content-max-width: 1400px;
}
/* line 215, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero {
border-radius: 0;
overflow: visible;
box-shadow: none;
margin-bottom: 24px;
background: transparent;
border: none;
}
/* line 224, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover {
position: relative;
height: 192px;
background: #f4f4f5;
cursor: grab;
border-radius: 16px !important;
overflow: hidden;
border: 1px solid rgba(228, 228, 231, 0.6);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
/* line 224, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover {
height: 256px;
}
}
/* line 239, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover img {
border-radius: 16px !important;
}
/* line 243, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover.is-repositioning {
cursor: grabbing;
}
/* line 247, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover img {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
color: transparent;
transform: scale(1);
transition: transform 0.7s ease;
will-change: transform;
}
/* line 263, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover:hover img {
transform: scale(1.05);
}
/* line 267, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.cover-reposition-hint {
position: absolute;
left: 50%;
top: 50%;
z-index: 15;
pointer-events: none;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.85);
background: rgba(25, 26, 35, 0.55);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 6px 10px;
border-radius: 9999px !important;
opacity: 0;
transform: translate(-50%, -50%) translateY(4px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
/* line 287, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover:hover .cover-reposition-hint,
.profile-hero__cover.is-repositioning .cover-reposition-hint {
opacity: 1;
transform: translate(-50%, -50%) translateY(0);
}
/* line 293, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__cover-actions {
position: absolute;
bottom: 16px;
right: 16px;
z-index: 20;
display: flex;
gap: 8px;
}
/* line 302, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-cover-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
border-radius: 8px !important;
background: rgba(255, 255, 255, 0.85);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: 1px solid rgba(228, 228, 231, 0.6);
color: #18181b;
font-size: 12px;
font-weight: 600;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
transition: all 0.2s ease;
}
/* line 318, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-cover-btn svg {
width: 14px;
height: 14px;
}
/* line 323, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-cover-btn:hover {
background: #fff;
border-color: rgba(228, 228, 231, 0.9);
}
/* line 329, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions {
position: relative;
}
/* line 333, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
padding: 8px;
display: none;
min-width: 220px;
z-index: 30;
}
/* line 347, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu.is-open {
display: block;
}
/* line 351, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu-item {
width: 100%;
padding: 10px 12px;
border: none;
background: transparent;
text-align: left;
font-size: 14px;
font-weight: 400;
color: #3f3f46;
border-radius: 8px !important;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
transition: background-color 0.2s ease;
text-decoration: none;
}
/* line 368, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu-item svg {
width: 16px;
height: 16px;
color: #52525b;
flex-shrink: 0;
}
/* line 375, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu-item span {
flex: 1;
}
/* line 379, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu-item:hover {
background: rgba(25, 26, 35, 0.05);
color: #191a23;
}
/* line 385, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-menu-divider {
height: 1px;
background: rgba(25, 26, 35, 0.1);
margin: 8px 0;
}
/* line 391, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px !important;
border-radius: 8px !important;
background: #191a23 !important;
border: none !important;
font-weight: 500 !important;
font-size: 12px !important;
height: 32px !important;
line-height: 1 !important;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
text-transform: none;
letter-spacing: 0;
color: #fff !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
cursor: pointer;
}
/* line 411, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-btn:hover {
background: #27272a !important;
}
/* line 415, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-btn:focus {
outline: none;
box-shadow: 0 0 0 4px rgba(228, 228, 231, 0.6);
}
/* line 420, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-actions-btn svg {
width: 12px;
height: 12px;
color: currentColor;
}
/* line 427, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
body:has([data-controller="registrations"]) .profile-actions-btn {
background: #191a23 !important;
border: none !important;
color: #fff !important;
font-weight: 500 !important;
font-size: 12px !important;
height: 32px !important;
line-height: 1 !important;
padding: 8px 16px !important;
border-radius: 8px !important;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
/* line 440, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__body {
background: transparent;
padding: 0 16px;
position: relative;
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 640px) {
/* line 440, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__body {
padding: 0 24px;
}
}
@media (min-width: 768px) {
/* line 440, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__body {
flex-direction: row;
align-items: flex-start;
padding: 0 32px;
}
}
/* line 459, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar-group {
position: relative;
flex-shrink: 0;
margin-top: -48px;
}
@media (min-width: 640px) {
/* line 459, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar-group {
margin-top: -56px;
}
}
/* line 469, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar-wrapper {
position: relative;
width: 128px;
height: 128px;
padding: 0;
background: #fff;
border-radius: 9999px !important;
border: 6px solid #fafafa;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.12), 0 4px 6px -4px rgba(0, 0, 0, 0.08);
overflow: visible;
}
@media (min-width: 640px) {
/* line 469, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar-wrapper {
width: 160px;
height: 160px;
}
}
/* line 486, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar-ring {
position: absolute;
inset: -6px;
border-radius: 9999px;
background: conic-gradient(#b9ff66 calc(var(--completion, 0) * 1%), #e4e4e7 0);
z-index: 0;
pointer-events: none;
}
/* line 495, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar {
position: relative;
width: 100%;
height: 100%;
border-radius: 9999px !important;
overflow: hidden;
background: #f4f4f5;
z-index: 1;
}
/* line 505, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 9999px;
}
/* line 512, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar__overlay {
position: absolute;
inset: 0;
border-radius: inherit;
border: none;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s ease;
cursor: pointer;
}
/* line 526, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar__overlay svg {
width: 24px;
height: 24px;
}
/* line 532, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar:hover .profile-avatar__overlay {
opacity: 1;
}
/* line 536, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-avatar__badge {
position: absolute;
bottom: 8px;
right: 8px;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 9999px;
background: #191a23;
color: #fff;
border: 2px solid #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
font-weight: 600;
font-size: 10px;
width: -moz-fit-content;
width: fit-content;
z-index: 99;
}
/* line 555, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.badge-icon {
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
/* line 563, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.badge-icon svg {
width: 10px;
height: 10px;
}
/* line 569, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__content {
margin-left: 0;
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
flex: 1;
padding-top: 12px;
}
/* line 579, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__header {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 768px) {
/* line 579, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__header {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
}
}
/* line 592, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__text {
flex: 1;
}
/* line 596, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
background: #b9ff66;
color: #191a23;
padding: 4px 10px;
border-radius: 9999px;
font-weight: 600;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
width: -moz-fit-content;
width: fit-content;
align-self: flex-start;
}
/* line 612, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-badge svg {
width: 16px;
height: 16px;
}
/* line 618, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__title {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 0;
}
/* line 625, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__title h1, .profile-hero__title .h1 {
font-size: 24px;
font-weight: 600;
margin: 0;
letter-spacing: -0.025em;
line-height: 1.1;
}
@media (min-width: 768px) {
/* line 625, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__title h1, .profile-hero__title .h1 {
font-size: 30px;
}
}
/* line 638, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__identity {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 6px;
font-size: 14px;
color: #71717a;
}
/* line 648, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__username {
font-weight: 500;
font-size: 14px;
color: #71717a;
text-decoration: none;
display: inline-flex;
}
/* line 655, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__username:hover {
color: #18181b;
text-decoration: none;
}
/* line 661, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__identity-sep {
color: #d4d4d8;
font-size: 12px;
}
/* line 666, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__location {
color: #71717a;
font-size: 14px;
}
/* line 671, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__meta {
font-size: 14px;
color: #52525b;
margin-top: 8px;
line-height: 1.5;
max-width: 640px;
}
/* line 679, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-progress-wrap {
margin-top: 10px;
}
/* line 683, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-progress-label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.18em;
color: rgba(25, 26, 35, 0.55);
margin-bottom: 10px;
}
/* line 691, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-progress-bar {
width: 100%;
height: 6px;
background: rgba(25, 26, 35, 0.05);
border-radius: 999px;
overflow: hidden;
}
/* line 699, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-progress-value {
height: 100%;
border-radius: inherit;
background: #b9ff66;
box-shadow: inset 0 0 0 1px rgba(25, 26, 35, 0.08);
transition: width 0.3s ease;
}
/* line 707, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-wrapper {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
@media (min-width: 768px) {
/* line 707, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-wrapper {
align-items: center;
justify-content: flex-end;
min-width: 215px;
margin-right: calc(var(--profile-shell-padding) * -1);
}
}
/* line 722, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__socials {
display: inline-flex;
gap: 4px;
align-items: center;
padding: 4px;
background: #fff;
border: 1px solid #e4e4e7;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 733, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn {
width: 30px;
height: 30px;
border-radius: 6px !important;
border: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent !important;
color: #a1a1aa !important;
transition: all 0.2s ease;
position: relative;
text-decoration: none;
cursor: pointer;
}
/* line 748, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn svg {
width: 16px !important;
height: 16px !important;
display: block;
}
/* line 754, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn:hover {
color: #18181b;
background: #f4f4f5 !important;
}
/* line 759, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn[aria-disabled="true"] {
pointer-events: none;
opacity: 0.35;
}
/* line 765, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn svg.icon-medium {
width: 14px !important;
height: 14px !important;
margin: auto;
}
/* line 771, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn[aria-disabled="true"] {
pointer-events: none;
opacity: 0.35;
cursor: default;
}
/* line 777, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-check {
display: none;
}
/* line 781, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn--add {
border: 1px dashed #d4d4d8 !important;
color: #a1a1aa !important;
background: transparent !important;
}
/* line 786, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__social-btn--add:hover {
border-color: #a1a1aa !important;
color: #18181b !important;
background: #fff !important;
}
/* line 794, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-hero__social-btn {
border-radius: 6px !important;
border: none !important;
}
/* line 800, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tabs-container {
display: flex;
align-items: flex-end;
gap: 32px;
margin: 24px 0 32px;
border-bottom: 1px solid rgba(25, 26, 35, 0.1);
padding: 0;
position: sticky;
top: 0;
z-index: 20;
background: #f3f3f3;
-webkit-backdrop-filter: none;
backdrop-filter: none;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
/* line 817, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tabs-container::-webkit-scrollbar {
display: none;
}
/* line 821, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tabs-container,
.aihunt-profile-page .profile-layout,
.aihunt-profile-page .ai-copilot-tab-content,
.aihunt-profile-page .ats-optimizer-tab-content {
width: 100%;
max-width: var(--profile-content-max-width);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
/* line 832, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab-button {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0 0 12px 0;
border: none;
background: transparent;
font-size: 14px;
cursor: pointer;
transition: color 0.2s ease, border-color 0.2s ease;
}
/* line 843, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab-button--active {
font-weight: 600;
color: #191a23;
border-bottom: 2px solid #191a23;
margin-bottom: -1px;
}
/* line 850, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab-button--inactive {
font-weight: 500;
color: rgba(25, 26, 35, 0.4);
border-bottom: 2px solid transparent;
}
/* line 855, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab-button--inactive:hover {
color: #191a23;
}
/* line 861, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab-badge {
display: inline-flex;
align-items: center;
padding: 2px 6px;
margin-left: 8px;
border-radius: 9999px !important;
background: #ecfccb;
color: #3f6212;
font-size: 10px;
font-weight: 600;
border: 1px solid #d9f99d;
}
/* line 876, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tabs-container {
border-bottom: 1px solid rgba(25, 26, 35, 0.1) !important;
padding: 0 !important;
margin: 24px auto 32px !important;
background: #f3f3f3 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* line 884, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tab-button {
border: none !important;
background: transparent !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 0 0 12px 0 !important;
font-size: 14px !important;
line-height: 1.2 !important;
}
/* line 895, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tab-button.profile-tab-button--active {
font-weight: 600 !important;
color: #191a23 !important;
border-bottom: 2px solid #191a23 !important;
margin-bottom: -1px !important;
}
/* line 902, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tab-button.profile-tab-button--inactive {
font-weight: 500 !important;
color: rgba(25, 26, 35, 0.4) !important;
border-bottom: 2px solid transparent !important;
}
/* line 908, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-tab-button.profile-tab-button--inactive:hover {
color: #191a23 !important;
}
/* line 912, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-layout {
--profile-layout-gap: 32px;
display: grid;
gap: var(--profile-layout-gap) !important;
align-items: start;
}
@media (min-width: 1024px) {
/* line 912, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-layout {
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
gap: var(--profile-layout-gap) !important;
}
}
/* line 926, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-white-bg {
background-color: #ffffff !important;
}
/* line 930, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content input.ai-copilot-white-bg,
.aihunt-profile-page .ai-copilot-tab-content select.ai-copilot-white-bg {
background-color: #ffffff !important;
}
/* line 935, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-soft-bg {
background-color: rgba(250, 250, 250, 0.7) !important;
}
/* line 939, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .custom-scrollbar::-webkit-scrollbar {
width: 5px;
}
/* line 943, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
/* line 947, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .custom-scrollbar::-webkit-scrollbar-thumb {
background: #191A23;
border-radius: 10px;
}
/* line 952, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-dashboard-grid {
display: grid !important;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
grid-template-areas: "left-top right-top" "left-bottom right-bottom";
gap: 24px;
align-items: stretch;
}
/* line 962, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-left-top {
grid-area: left-top;
}
/* line 966, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-left-bottom {
grid-area: left-bottom;
}
/* line 970, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-right-top {
grid-area: right-top;
}
/* line 974, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-right-bottom {
grid-area: right-bottom;
}
/* line 978, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-left-stack {
height: 100%;
}
/* line 982, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-sessions-card {
flex: 1 1 auto;
}
/* line 986, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-left-bottom,
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-right-top,
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-grid-right-bottom {
display: flex;
flex-direction: column;
}
/* line 993, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-intel-card,
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-activity-card,
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-config-card {
flex: 1 1 auto;
height: 100%;
}
/* line 1000, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-intel-cta {
background: #191A23 !important;
color: #B9FF66 !important;
}
/* line 1005, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-intel-cta:hover {
background: #27272A !important;
color: #B9FF66 !important;
}
/* line 1011, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .bot-status-indicator--active .bot-status-indicator__ping {
background-color: #4ade80;
}
/* line 1015, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .bot-status-indicator--active .bot-status-indicator__dot {
background-color: #22c55e;
}
/* line 1021, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .bot-status-indicator--inactive .bot-status-indicator__ping {
background-color: #9ca3af;
}
/* line 1025, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .bot-status-indicator--inactive .bot-status-indicator__dot {
background-color: #6b7280;
}
@media (max-width: 1024px) {
/* line 1031, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ai-copilot-tab-content .ai-copilot-dashboard-grid {
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "left-top" "right-top" "left-bottom" "right-bottom";
}
}
/* line 1044, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ats-optimizer-tab-content .ai-copilot-white-bg,
.aihunt-profile-page .ats-optimizer-tab-content .ats-optimizer-upsell-card,
.aihunt-profile-page .ats-optimizer-tab-content .premium-upsell-card {
background-color: #ffffff !important;
}
/* line 1051, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .premium-upsell-card {
width: 100%;
max-width: calc(var(--profile-content-max-width) - (var(--profile-shell-padding) * 2));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
height: 360px;
min-height: 360px;
}
@media (max-width: 640px) {
/* line 1062, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .premium-upsell-card {
height: auto;
min-height: 0;
}
}
/* line 1071, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal {
--autobot-accent: #B9FF66;
--autobot-ink: #191A23;
--autobot-muted: #71717A;
--autobot-border: #E4E4E7;
--autobot-bg: #FFFFFF;
--autobot-soft: #FAFAFA;
}
/* line 1079, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-modal-container {
width: 92vw;
max-width: 56rem;
height: 86vh;
max-height: 760px;
background: var(--autobot-bg);
position: relative;
overflow: hidden;
border-radius: 18px !important;
box-shadow: 0 24px 60px rgba(24, 24, 27, 0.18);
}
/* line 1091, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-modal-container::before {
content: "";
position: absolute;
top: -140px;
right: -120px;
width: 320px;
height: 320px;
background: radial-gradient(circle, rgba(185, 255, 102, 0.22) 0%, rgba(185, 255, 102, 0) 70%);
pointer-events: none;
}
/* line 1102, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-close-btn {
background: #fff;
border: 1px solid var(--autobot-border);
box-shadow: 0 6px 16px rgba(24, 24, 27, 0.08);
}
/* line 1108, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-close-icon {
color: #9CA3AF;
}
/* line 1112, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-close-btn:hover .autobot-close-icon {
color: #3F3F46;
}
/* line 1116, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__header {
padding: 22px 22px 12px;
flex-shrink: 0;
background: #fff;
}
/* line 1122, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__body {
padding: 0 22px 22px;
display: flex;
flex-direction: column;
gap: 16px;
min-height: 0;
overflow-y: auto;
flex: 1 1 auto;
background: #fff;
}
/* line 1133, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__footer {
padding: 12px 22px 16px;
border-top: 1px solid rgba(228, 228, 231, 0.7);
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
flex-shrink: 0;
}
/* line 1143, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step {
background: #fff;
}
/* line 1147, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal button {
text-transform: none;
}
/* line 1151, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-grid-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
/* line 1157, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
/* line 1163, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__col {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 1169, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-modal-card,
.aihunt-profile-page #autobot-onboarding-modal .autobot-section-card {
background: #fff;
border: 1px solid var(--autobot-border);
border-radius: 16px !important;
padding: 18px;
box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
}
/* line 1178, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-section-header {
display: flex;
align-items: center;
gap: 8px;
padding-bottom: 12px;
margin-bottom: 14px;
border-bottom: 1px solid rgba(228, 228, 231, 0.7);
}
/* line 1187, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-section-header--split {
justify-content: space-between;
}
/* line 1191, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-score-pill {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 9999px !important;
background: rgba(185, 255, 102, 0.2);
color: #18181B;
font-size: 0.7rem;
font-weight: 600;
}
/* line 1202, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card {
cursor: pointer;
position: relative;
border-radius: 16px !important;
border: 1px solid var(--autobot-border);
background: #fff;
padding: 16px;
box-shadow: 0 10px 26px rgba(24, 24, 27, 0.06);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
/* line 1213, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card:hover {
border-color: #D4D4D8;
box-shadow: 0 12px 30px rgba(24, 24, 27, 0.08);
transform: translateY(-1px);
}
/* line 1219, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card__indicator {
position: absolute;
top: 12px;
right: 12px;
width: 16px;
height: 16px;
border-radius: 9999px !important;
border: 1px solid var(--autobot-border);
display: flex;
align-items: center;
justify-content: center;
color: transparent;
background: #fff;
}
/* line 1234, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card__icon {
color: #A1A1AA;
margin-bottom: 6px;
}
/* line 1239, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card__title {
font-weight: 600;
font-size: 0.78rem;
color: #18181B;
margin-bottom: 4px;
}
/* line 1246, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card__desc {
font-size: 0.68rem;
color: var(--autobot-muted);
line-height: 1.4;
}
/* line 1252, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card--selected,
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card[data-selected="true"] {
border-color: rgba(185, 255, 102, 0.8);
background: rgba(185, 255, 102, 0.08);
box-shadow: 0 14px 34px rgba(185, 255, 102, 0.18);
}
/* line 1259, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card--selected .autobot-option-card__indicator,
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card[data-selected="true"] .autobot-option-card__indicator {
background: var(--autobot-accent);
border-color: var(--autobot-accent);
color: var(--autobot-ink);
}
/* line 1266, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card--selected .autobot-option-card__icon,
.aihunt-profile-page #autobot-onboarding-modal .autobot-option-card[data-selected="true"] .autobot-option-card__icon {
color: var(--autobot-ink);
}
/* line 1271, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
padding: 8px 14px;
border-radius: 9999px !important;
border: 1px solid var(--autobot-border);
background: #fff;
color: #3F3F46;
font-size: 0.72rem;
font-weight: 600;
transition: all 0.2s ease;
}
/* line 1286, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill--wide {
padding: 9px 16px;
}
/* line 1290, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill:hover {
border-color: #D4D4D8;
}
/* line 1294, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill[data-active="true"][data-group] {
background: var(--autobot-ink);
color: var(--autobot-accent);
border-color: var(--autobot-ink);
}
/* line 1300, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill[data-active="true"]:not([data-group]) {
background: var(--autobot-ink);
color: var(--autobot-accent);
border-color: var(--autobot-ink);
}
/* line 1306, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-pill[data-selected="true"] {
background: var(--autobot-ink);
color: var(--autobot-accent);
border-color: var(--autobot-ink);
}
/* line 1312, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip-input {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 16px !important;
background: var(--autobot-soft);
border: 1px solid var(--autobot-border);
min-height: 48px;
--autobot-chip-height: 30px;
}
/* line 1325, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 9999px !important;
background: #fff;
border: 1px solid var(--autobot-border);
font-size: 0.7rem;
font-weight: 600;
color: #3F3F46;
}
/* line 1338, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip--accent {
background: rgba(185, 255, 102, 0.2);
border-color: rgba(185, 255, 102, 0.5);
color: var(--autobot-ink);
}
/* line 1344, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip__remove {
color: #9CA3AF;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* line 1351, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip__remove:hover {
color: #DC2626;
}
/* line 1355, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip-input-field {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
height: var(--autobot-chip-height) !important;
min-height: var(--autobot-chip-height) !important;
max-height: var(--autobot-chip-height) !important;
}
/* line 1365, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip-textfield {
background: #fff;
border: 1px solid var(--autobot-border);
border-radius: 9999px !important;
padding: 0 10px !important;
width: auto;
min-width: 160px;
max-width: 220px;
min-height: var(--autobot-chip-height) !important;
height: var(--autobot-chip-height) !important;
max-height: var(--autobot-chip-height) !important;
line-height: var(--autobot-chip-height) !important;
box-shadow: none !important;
box-sizing: border-box;
display: inline-flex;
align-items: center;
font-size: 0.7rem;
color: #3F3F46;
overflow: hidden;
}
/* line 1386, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip {
height: var(--autobot-chip-height) !important;
min-height: var(--autobot-chip-height) !important;
max-height: var(--autobot-chip-height) !important;
padding: 0 10px;
display: inline-flex;
align-items: center;
line-height: var(--autobot-chip-height) !important;
box-sizing: border-box;
}
/* line 1397, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip--input {
padding: 0 10px;
gap: 6px;
flex: 0 0 auto;
border: 1px solid #d4d4d8 !important;
background: #fff !important;
border-radius: 9999px !important;
box-shadow: none !important;
width: auto;
min-width: 160px;
max-width: 220px;
}
/* line 1410, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip__add {
color: #9CA3AF;
transition: color 0.2s ease;
}
/* line 1415, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-chip__add:hover {
color: var(--autobot-ink);
}
/* line 1419, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-keyword-input {
width: 100%;
background: transparent !important;
border: none !important;
outline: none !important;
font-size: 0.7rem;
color: #3F3F46;
height: 100%;
line-height: var(--autobot-chip-height);
padding: 0;
margin: 0;
display: block;
box-shadow: none !important;
border-radius: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 1437, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-input,
.aihunt-profile-page #autobot-onboarding-modal .autobot-select {
width: 100%;
border-radius: 9999px !important;
border: 1px solid var(--autobot-border);
background: var(--autobot-soft);
padding: 10px 16px;
color: #18181B;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
background-position: right 14px center;
background-repeat: no-repeat;
background-size: 12px;
padding-right: 38px;
box-sizing: border-box;
}
/* line 1457, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-input:focus,
.aihunt-profile-page #autobot-onboarding-modal .autobot-select:focus,
.aihunt-profile-page #autobot-onboarding-modal .autobot-textarea:focus {
border-color: rgba(185, 255, 102, 0.8);
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.2);
}
/* line 1464, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-input--icon {
padding-left: 3.6rem !important;
}
/* line 1468, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-input__icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
/* line 1477, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-textarea {
width: 100%;
border-radius: 16px !important;
border: 1px solid var(--autobot-border);
background: var(--autobot-soft);
padding: 12px 14px;
color: #18181B;
outline: none;
resize: none;
}
/* line 1488, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-currency-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
color: #A1A1AA;
font-size: 0.7rem;
font-weight: 700;
padding-right: 18px;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
background-position: right center;
background-repeat: no-repeat;
background-size: 12px;
}
/* line 1503, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-salary-field {
display: flex;
align-items: center;
border: 1px solid var(--autobot-border);
background: #fff;
border-radius: 9999px !important;
--autobot-salary-height: 36px;
height: var(--autobot-salary-height);
min-height: var(--autobot-salary-height);
max-height: var(--autobot-salary-height);
padding: 0 12px;
gap: 6px;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
position: relative;
box-sizing: border-box;
}
/* line 1521, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-salary-field:focus-within {
border-color: rgba(185, 255, 102, 0.8);
box-shadow: 0 0 0 2px rgba(185, 255, 102, 0.2);
}
/* line 1526, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-salary-prefix {
font-size: 0.78rem;
font-weight: 700;
color: #A1A1AA;
display: inline-flex;
align-items: center;
height: var(--autobot-salary-height);
line-height: var(--autobot-salary-height);
}
/* line 1536, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-salary-input {
flex: 1;
min-width: 0;
border: none !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 2px;
height: var(--autobot-salary-height);
line-height: var(--autobot-salary-height);
font-size: 0.84rem;
color: #18181B;
outline: none;
border-radius: 0 !important;
}
/* line 1551, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-salary-select {
position: absolute;
opacity: 0;
pointer-events: none;
width: 1px;
height: 1px;
border: none;
background: transparent;
padding: 0;
margin: 0;
}
/* line 1563, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-icon-tile {
height: 40px;
width: 40px;
border-radius: 12px !important;
background: #fff;
border: 1px solid rgba(228, 228, 231, 0.7);
display: flex;
align-items: center;
justify-content: center;
color: #9CA3AF;
}
/* line 1575, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-icon-btn {
height: 32px;
width: 32px;
border-radius: 9999px !important;
background: #fff;
border: 1px solid var(--autobot-border);
display: inline-flex;
align-items: center;
justify-content: center;
color: #A1A1AA;
transition: color 0.2s ease, border-color 0.2s ease;
}
/* line 1588, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-icon-btn:hover {
color: var(--autobot-ink);
border-color: #D4D4D8;
}
/* line 1593, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-dashed-card {
border: 2px dashed rgba(185, 255, 102, 0.6);
border-radius: 16px !important;
background: rgba(255, 255, 255, 0.8);
padding: 14px;
}
/* line 1600, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-empty-card {
border: 2px dashed var(--autobot-border);
border-radius: 16px !important;
background: var(--autobot-soft);
padding: 14px;
display: block;
transition: border-color 0.2s ease, background 0.2s ease;
}
/* line 1609, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-empty-card:hover {
border-color: rgba(185, 255, 102, 0.6);
background: rgba(185, 255, 102, 0.08);
}
/* line 1614, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border-radius: 9999px !important;
font-size: 0.65rem;
font-weight: 700;
}
/* line 1624, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-badge--success {
background: rgba(16, 185, 129, 0.12);
color: #047857;
border: 1px solid rgba(16, 185, 129, 0.2);
}
/* line 1630, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-badge--accent {
background: var(--autobot-ink);
color: var(--autobot-accent);
box-shadow: 0 6px 16px rgba(25, 26, 35, 0.2);
}
/* line 1636, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-status-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 10px;
border-radius: 9999px !important;
font-size: 0.62rem;
font-weight: 700;
text-transform: uppercase;
}
/* line 1647, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-status-pill__dot {
width: 6px;
height: 6px;
border-radius: 9999px !important;
background: currentColor;
}
/* line 1654, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-status-pill--success {
color: #059669;
background: rgba(16, 185, 129, 0.1);
border: 1px solid rgba(16, 185, 129, 0.2);
}
/* line 1660, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-status-pill--warning {
color: #B45309;
background: rgba(245, 158, 11, 0.12);
border: 1px solid rgba(245, 158, 11, 0.2);
}
/* line 1666, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-range {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
}
/* line 1672, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 18px;
height: 18px;
border-radius: 9999px !important;
background-color: var(--autobot-accent);
border: 2px solid #fff;
box-shadow: 0 2px 6px rgba(24, 24, 27, 0.2);
}
/* line 1682, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-range::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 9999px !important;
background-color: var(--autobot-accent);
border: 2px solid #fff;
box-shadow: 0 2px 6px rgba(24, 24, 27, 0.2);
}
/* line 1691, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn {
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1.5rem;
border-radius: 9999px !important;
font-size: 0.82rem;
font-weight: 700;
transition: all 0.2s ease;
gap: 0.5rem;
cursor: pointer;
border: none;
}
/* line 1706, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-primary {
background: var(--autobot-accent);
color: var(--autobot-ink);
box-shadow: 0 6px 18px rgba(185, 255, 102, 0.35);
}
/* line 1712, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(185, 255, 102, 0.35);
}
/* line 1717, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-secondary {
background: #fff;
color: #3F3F46;
border: 1px solid var(--autobot-border);
}
/* line 1723, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-secondary:hover {
color: #18181B;
border-color: #D4D4D8;
}
/* line 1728, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-ghost {
background: transparent;
color: #9CA3AF;
font-size: 0.72rem;
font-weight: 600;
padding: 0 1rem;
}
/* line 1736, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn-ghost:hover {
color: #3F3F46;
}
/* line 1740, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics {
margin-top: 6px;
padding: 0;
overflow: hidden;
}
/* line 1746, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics__summary {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background 0.2s ease;
color: #18181B;
}
/* line 1758, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics__summary::-webkit-details-marker {
display: none;
}
/* line 1762, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics__summary:hover {
background: rgba(250, 250, 250, 0.8);
}
/* line 1766, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics__chevron {
color: #A1A1AA;
transition: transform 0.2s ease;
}
/* line 1771, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics[open] .autobot-demographics__chevron {
transform: rotate(180deg);
}
/* line 1775, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-demographics__body {
padding: 16px;
border-top: 1px solid rgba(228, 228, 231, 0.7);
}
@media (max-width: 900px) {
/* line 1782, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-grid-2,
.aihunt-profile-page #autobot-onboarding-modal .autobot-step__grid {
grid-template-columns: 1fr;
}
}
@media (max-height: 760px) {
/* line 1789, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-modal-container {
height: 86vh;
max-height: 720px;
}
/* line 1794, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page #autobot-onboarding-modal .autobot-btn {
height: 40px;
font-size: 0.78rem;
}
}
/* line 1802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page .profile-layout {
gap: var(--profile-layout-gap) !important;
}
@media (min-width: 1024px) {
/* line 1802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page .profile-layout {
grid-template-columns: 1fr 300px;
gap: var(--profile-layout-gap) !important;
}
}
/* line 1811, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-layout__sidebar,
.profile-layout__main {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
/* line 1820, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ats-optimizer-tab-content {
width: 100%;
max-width: var(--profile-content-max-width);
margin-left: auto;
margin-right: auto;
padding: 0;
box-sizing: border-box;
display: block;
}
/* line 1830, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.profile-page--standard .ats-optimizer-tab-content {
padding: 0;
}
/* line 1834, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .ats-optimizer-dashboard,
.aihunt-profile-page .ats-builder-shell,
.aihunt-profile-page .ats-builder-grid {
width: 100%;
align-self: stretch;
box-sizing: border-box;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
/* line 1846, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page .profile-layout__main {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
/* line 1853, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page [data-company-profile-target="tabContent"]:not(.hidden) {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
/* line 1860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.company-profile-page .hidden[data-company-profile-target="tabContent"] {
display: none !important;
}
/* line 1864, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-grid {
display: flex;
flex-direction: column;
gap: 24px;
}
/* line 1870, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card, .projects-section-card, .education-section-card, .experience-section-card, .skills-section-card {
background: #fff;
border-radius: 16px;
padding: 24px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(25, 26, 35, 0.1);
}
/* line 1878, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
/* line 1886, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card__title {
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.02em;
}
/* line 1895, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card__actions {
display: flex;
gap: 12px;
}
/* line 1900, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
border: 1px solid transparent;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 1916, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-button--dark {
background: #191a23;
color: #b9ff66;
}
/* line 1921, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-button--lime {
background: #b9ff66;
color: #191a23;
border: none;
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.3);
transition: all 0.2s ease;
}
/* line 1928, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-button--lime:hover {
background: #a8ee55;
color: #191a23;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
}
/* line 1936, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark {
background: #191a23;
color: #fff;
border: 1px solid #191a23;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
position: relative;
overflow: hidden;
}
/* line 1947, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark::before {
content: "";
position: absolute;
top: -16px;
right: -16px;
width: 80px;
height: 80px;
border-radius: 999px;
background: rgba(185, 255, 102, 0.1);
filter: blur(16px);
pointer-events: none;
}
/* line 1960, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-card__header {
display: block;
margin-bottom: 12px;
}
/* line 1965, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-card__title {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 0 0 8px 0;
}
/* line 1972, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .text-muted {
color: rgba(255, 255, 255, 0.5);
font-size: 10px;
font-weight: 500;
margin: 0 0 16px 0;
}
/* line 1979, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-button--lime {
width: 100%;
padding: 10px 16px;
border-radius: 8px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
box-shadow: none;
}
/* line 1989, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-button--lime:hover {
background: #fff;
color: #191a23;
}
/* line 1996, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-button--ghost {
background: transparent;
border-color: rgba(25, 26, 35, 0.15);
color: rgba(25, 26, 35, 0.7);
}
/* line 2002, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-input,
.aihunt-select,
.aihunt-textarea {
width: 100%;
border: 1px solid #e5e7eb;
border-radius: 14px;
padding: 14px 16px;
font-size: 15px;
font-family: inherit;
background: #fff;
transition: border-color 0.2s ease;
}
/* line 2015, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-input:focus,
.aihunt-select:focus,
.aihunt-textarea:focus {
border-color: #b9ff66;
outline: none;
}
/* line 2023, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px !important;
background: #fff;
border: 1px solid rgba(25, 26, 35, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
/* line 2023, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-card {
padding: 24px;
}
}
/* line 2040, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
/* line 2047, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.025em;
color: #191a23;
margin: 0;
}
/* line 2056, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border-radius: 0;
background: transparent;
color: #a1a1aa;
font-size: 12px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
border: none;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
/* line 2072, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-add-btn svg {
width: 14px;
height: 14px;
opacity: 0.8;
}
/* line 2078, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-add-btn:hover {
color: #191a23;
}
/* line 2083, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-left: 40px;
}
@media (min-width: 640px) {
/* line 2091, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-tags {
padding-left: 60px;
}
}
/* line 2096, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-section-empty {
font-size: 14px;
color: rgba(25, 26, 35, 0.6);
margin: 0;
padding: 8px 0;
}
/* line 2103, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 12px;
border-radius: 9999px;
background: #fff;
border: 1px solid #e4e4e7;
color: #52525b;
font-size: 12px;
font-weight: 500;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
cursor: pointer;
}
/* line 2117, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-pill svg {
display: none;
}
/* line 2121, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-pill:hover {
border-color: #191a23;
background: #191a23;
color: #fff;
}
/* line 2129, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-tags,
.language-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 12px;
border: 1px dashed #e5e7eb;
border-radius: 16px;
background: #fcfcfc;
}
/* line 2140, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag,
.language-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: #191a23;
color: #b9ff66;
padding: 6px 12px;
border-radius: 999px;
font-size: 13px;
font-weight: 600;
}
/* line 2153, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag .remove-skill,
.language-tag .remove-language {
background: transparent;
border: none;
color: inherit;
cursor: pointer;
font-size: 16px;
}
/* line 2162, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
display: none;
z-index: 30;
}
/* line 2175, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list.is-visible {
display: block;
}
/* line 2179, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-item {
width: 100%;
text-align: left;
padding: 10px 16px;
border: none;
background: transparent;
font-size: 14px;
cursor: pointer;
}
/* line 2189, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-item:hover {
background: #f6f7f9;
}
/* line 2193, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
padding: 16px;
border: 1px solid #e5e7eb;
border-radius: 18px;
margin-bottom: 16px;
}
/* line 2203, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-field label {
display: block;
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
color: rgba(25, 26, 35, 0.7);
}
/* line 2211, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-actions {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
/* line 2217, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.link-danger {
background: none;
border: none;
color: #ef4444;
font-weight: 600;
cursor: pointer;
}
/* line 2225, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
z-index: 999999999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
font-family: 'Inter', sans-serif;
}
/* line 2240, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal.is-visible {
display: flex;
opacity: 1;
visibility: visible;
}
/* line 2247, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal.is-visible {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 2254, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal.is-visible ~ .profiler-button,
.profile-modal.is-visible ~ .profiler-totals,
body:has(.profile-modal.is-visible) .profiler-button,
body:has(.profile-modal.is-visible) .profiler-totals,
.profiler-button,
.profiler-totals,
[class*="profiler"] {
display: none !important;
pointer-events: none !important;
visibility: hidden !important;
z-index: -1 !important;
}
/* line 2267, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog {
position: relative;
width: 100%;
max-width: 640px;
max-height: 90vh;
background: #ffffff;
border-radius: 12px;
padding: 20px;
text-align: left;
box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
border: 1px solid #e4e4e7;
transform: translateY(10px);
transition: all 0.3s ease;
overflow: hidden;
display: flex;
flex-direction: column;
z-index: 999999999;
}
/* line 2285, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.is-visible .profile-modal__dialog {
transform: translateY(0);
}
/* line 2289, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog--large {
max-width: 1200px;
}
/* line 2293, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog--small {
max-width: 480px;
}
@media (max-width: 767px) {
/* line 2267, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog {
max-height: 90vh;
padding: 16px;
margin: 12px;
border-radius: 12px;
}
/* line 2305, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog.profile-modal__dialog--large {
max-height: 90vh;
max-width: 100%;
width: calc(100% - 2rem);
}
}
@media (max-width: 480px) {
/* line 2267, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog {
padding: 12px;
margin: 8px;
border-radius: 10px;
max-height: 95vh;
}
/* line 2318, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog.profile-modal__dialog--large {
width: calc(100% - 1rem);
}
}
/* line 2325, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal form {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
/* line 2332, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__header {
margin-bottom: 16px;
padding-right: 32px;
}
@media (max-width: 767px) {
/* line 2332, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__header {
margin-bottom: 12px;
padding-right: 28px;
}
}
@media (max-width: 480px) {
/* line 2332, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__header {
margin-bottom: 10px;
padding-right: 24px;
}
}
/* line 2347, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
color: #191a23;
margin: 0;
}
/* line 2355, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__description {
margin-top: 6px;
font-size: 12px;
color: #71717a;
line-height: inherit;
}
/* line 2362, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__close {
position: absolute;
right: 1.5rem;
top: 1.5rem;
display: flex;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
color: rgba(25, 26, 35, 0.4);
background: transparent;
border: none;
cursor: pointer;
transition: all 0.2s;
}
/* line 2378, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__close:hover {
background: #f4f4f5;
color: #191a23;
}
/* line 2383, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__close:focus {
outline: none;
}
/* line 2387, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__close svg {
width: 20px;
height: 20px;
stroke-width: 1.5;
}
/* line 2394, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form {
flex: 1;
overflow-y: auto;
padding: 0 0.25rem 0 0;
margin-right: -0.25rem;
min-height: 0;
}
/* line 2401, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form::-webkit-scrollbar {
width: 6px;
}
/* line 2405, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form::-webkit-scrollbar-track {
background: transparent;
}
/* line 2409, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form::-webkit-scrollbar-thumb {
background: rgba(25, 26, 35, 0.1);
border-radius: 10px;
}
@media (max-width: 767px) {
/* line 2394, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form {
max-height: calc(90vh - 120px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* line 2421, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form::-webkit-scrollbar {
width: 4px;
}
/* line 2425, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form::-webkit-scrollbar-thumb {
background: rgba(25, 26, 35, 0.2);
}
}
@media (max-width: 480px) {
/* line 2394, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__form {
max-height: calc(85vh - 120px);
padding: 0 0.25rem 0 0;
margin-right: -0.25rem;
}
}
/* line 2437, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__grid {
display: grid;
gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
@media (min-width: 640px) {
/* line 2437, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* line 2447, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
/* line 2454, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field > div {
position: relative !important;
display: flex !important;
flex-direction: column !important;
}
/* line 2460, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar {
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
border-bottom: none !important;
border-radius: 8px 8px 0 0 !important;
background: #f9f9f9 !important;
padding: 8px !important;
margin: 0 !important;
margin-bottom: 0 !important;
z-index: 1 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 2477, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar .trix-button-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
}
/* line 2483, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar .trix-button-group {
border: none !important;
margin: 0 !important;
display: flex !important;
}
/* line 2489, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar .trix-button {
border: 1px solid transparent !important;
border-radius: 4px !important;
padding: 4px 8px !important;
margin: 0 2px !important;
background: transparent !important;
color: rgba(25, 26, 35, 0.7) !important;
display: inline-block !important;
}
/* line 2498, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar .trix-button:hover {
background: rgba(25, 26, 35, 0.05) !important;
border-color: rgba(25, 26, 35, 0.1) !important;
}
/* line 2503, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-toolbar .trix-button.trix-active {
background: #b9ff66 !important;
border-color: #b9ff66 !important;
color: #191a23 !important;
}
/* line 2511, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-editor {
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
border-top: none !important;
border-radius: 0 0 8px 8px !important;
padding: 12px 16px !important;
min-height: 150px !important;
max-height: none !important;
height: auto !important;
background: #fff !important;
font-size: 14px !important;
color: #191a23 !important;
transition: border-color 0.2s ease !important;
overflow: auto !important;
z-index: 1 !important;
box-sizing: border-box !important;
}
/* line 2532, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-editor .trix-content {
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background: transparent !important;
color: #191a23 !important;
padding: 0 !important;
margin: 0 !important;
min-height: 100px !important;
overflow: visible !important;
height: auto !important;
max-height: none !important;
}
/* line 2548, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-editor::before, .profile-modal__field trix-editor::after {
display: none !important;
content: none !important;
}
/* line 2555, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-editor [contenteditable] {
background: transparent !important;
color: #191a23 !important;
min-height: 100px !important;
}
/* line 2561, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field trix-editor:focus {
border-color: #b9ff66 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.1) !important;
}
/* line 2569, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field .trix-content,
.profile-modal__field trix-editor .trix-content {
background: transparent !important;
background-color: transparent !important;
}
/* line 2576, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field {
display: flex;
flex-direction: column;
}
@media (min-width: 640px) {
/* line 2580, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
}
/* line 2587, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__label {
display: block;
margin-bottom: 6px;
font-size: 12px;
font-weight: 500;
color: #71717a;
transition: color 0.2s;
}
/* line 2595, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field:focus-within .profile-modal__label {
color: #191A23;
}
/* line 2600, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__input {
display: block;
width: 100% !important;
border-radius: 10px !important;
border: 1px solid #e4e4e7 !important;
background: #ffffff !important;
padding: 0 12px !important;
font-size: 0.875rem !important;
color: #191a23 !important;
height: 40px !important;
line-height: 40px !important;
box-sizing: border-box !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
outline: none !important;
}
/* line 2616, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__input::-moz-placeholder {
color: rgba(25, 26, 35, 0.3);
}
.profile-modal__input::placeholder {
color: rgba(25, 26, 35, 0.3);
}
/* line 2620, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__input:focus {
border-color: rgba(25, 26, 35, 0.3) !important;
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.08) !important;
}
/* line 2626, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
textarea.profile-modal__input {
height: auto !important;
min-height: 120px;
padding: 10px 12px !important;
line-height: 1.5;
}
/* line 2633, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
trix-editor.profile-modal__input {
height: auto !important;
min-height: 120px;
padding: 10px 12px !important;
line-height: 1.5;
}
/* line 2641, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
select.profile-modal__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191a23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 40px;
cursor: pointer;
border-radius: 10px !important;
line-height: normal;
}
/* line 2654, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
body:has(.profile-modal.is-visible) header {
z-index: -1 !important;
opacity: 0.3 !important;
pointer-events: none !important;
}
/* line 2661, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog {
position: relative !important;
z-index: 999999999 !important;
pointer-events: auto !important;
}
/* line 2668, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog * {
pointer-events: auto !important;
}
/* line 2672, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__dialog a,
.profile-modal__dialog button,
.profile-modal__dialog input,
.profile-modal__dialog select,
.profile-modal__dialog textarea,
.profile-modal__dialog label,
.profile-modal__dialog span,
.profile-modal__dialog div,
.profile-modal__dialog form {
pointer-events: auto !important;
cursor: auto !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
/* line 2687, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal.is-visible .profile-modal__dialog * {
pointer-events: auto !important;
}
/* line 2692, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal__select,
.profile-modal .profile-modal__select,
.profile-modal__dialog .profile-modal__select,
select.profile-modal__select,
.aihunt-profile-page .languages-select,
.profile-modal .languages-select,
.profile-modal__dialog .languages-select,
.aihunt-profile-page[data-profile-edit-target] select,
.profile-modal[data-profile-edit-target] select,
.profile-modal__dialog[data-profile-edit-target] select,
.aihunt-profile-page .profile-modal__field select,
.profile-modal .profile-modal__field select,
.profile-modal__dialog .profile-modal__field select {
border-radius: 10px !important;
}
/* line 2709, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign select,
#skills-modal-redesign .profile-modal__select,
#skills-modal-redesign .languages-select {
border-radius: 10px !important;
}
/* line 2715, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__select {
display: block;
width: 100% !important;
border-radius: 10px !important;
border: 1px solid #e4e4e7 !important;
background: #ffffff !important;
padding: 0 12px !important;
font-size: 0.875rem !important;
color: #191a23 !important;
height: 40px !important;
line-height: 40px !important;
box-sizing: border-box !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
outline: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191a23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 16px !important;
padding-right: 40px !important;
}
/* line 2740, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__select::-moz-placeholder {
color: rgba(25, 26, 35, 0.3);
}
.profile-modal__select::placeholder {
color: rgba(25, 26, 35, 0.3);
}
/* line 2744, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__select:focus {
border-color: rgba(25, 26, 35, 0.3) !important;
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.08) !important;
}
/* line 2749, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__select:disabled {
background-color: #f3f4f6 !important;
color: rgba(25, 26, 35, 0.4) !important;
cursor: not-allowed !important;
}
/* line 2755, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__select option {
background: #ffffff !important;
color: #191a23 !important;
padding: 0.5rem !important;
}
/* line 2763, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign .profile-modal__input,
#skills-modal-redesign .profile-modal__select {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
line-height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box !important;
}
/* line 2774, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign input.profile-modal__input,
#skills-modal-redesign select.profile-modal__select {
height: 40px !important;
line-height: 40px !important;
padding: 0 40px 0 12px !important;
box-sizing: border-box !important;
}
/* line 2782, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #f4f4f5;
}
@media (max-width: 767px) {
/* line 2782, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__actions {
margin-top: 12px;
padding-top: 10px;
gap: 8px;
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
/* line 2782, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__actions {
margin-top: 1rem;
padding-top: 0.75rem;
gap: 0.5rem;
justify-content: stretch;
}
/* line 2804, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__actions .profile-modal__button {
flex: 1;
min-width: 0;
}
}
/* line 2811, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
padding: 0 12px;
height: 32px;
font-size: 0.75rem;
line-height: 1;
font-weight: 500;
transition: all 0.2s;
cursor: pointer;
border: 1px solid transparent;
font-family: inherit;
}
/* line 2826, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--ghost {
background: #ffffff !important;
color: #71717a !important;
border: 1px solid #e4e4e7 !important;
border-radius: 8px !important;
padding: 0 12px !important;
height: 32px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
font-weight: 500 !important;
}
/* line 2837, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--ghost:hover {
background: #f8f8f8 !important;
color: #191A23 !important;
border-color: #d4d4d8 !important;
}
/* line 2844, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--primary {
background: #191A23 !important;
color: #ffffff !important;
font-weight: 600 !important;
border-radius: 8px !important;
padding: 0 12px !important;
height: 32px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
border: 1px solid #191A23 !important;
letter-spacing: 0 !important;
}
/* line 2856, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--primary:hover {
background: #000000 !important;
}
/* line 2860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--primary:active {
transform: translateY(0) !important;
}
/* line 2865, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--black {
background: #191A23 !important;
color: #ffffff !important;
font-weight: 600 !important;
border-radius: 8px !important;
padding: 0 12px !important;
height: 32px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
border: 1px solid #191A23 !important;
letter-spacing: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
/* line 2879, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--black:hover {
background: #000000 !important;
color: #ffffff !important;
}
/* line 2884, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--black:active {
transform: translateY(0) !important;
}
/* line 2893, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal button.profile-modal__button,
.profile-modal input.profile-modal__button {
background: transparent !important;
border: 1px solid transparent !important;
font-family: inherit !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
box-sizing: border-box !important;
min-height: 32px !important;
}
/* line 2907, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal button.profile-modal__button--ghost,
.profile-modal input.profile-modal__button--ghost {
background: #ffffff !important;
border: 1px solid #e4e4e7 !important;
color: #71717a !important;
}
/* line 2914, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal button.profile-modal__button--black,
.profile-modal input.profile-modal__button--black {
background: #191A23 !important;
border: 1px solid #191A23 !important;
color: #ffffff !important;
font-weight: 600 !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
box-shadow: none !important;
}
/* line 2931, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
body:has([data-controller="registrations"]) .profile-modal button.profile-modal__button--ghost,
body:has([data-controller="registrations"]) .profile-modal input.profile-modal__button--ghost {
background: #ffffff !important;
border: 1px solid #e4e4e7 !important;
color: #71717a !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
}
/* line 2943, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
body:has([data-controller="registrations"]) .profile-modal button.profile-modal__button--black,
body:has([data-controller="registrations"]) .profile-modal input.profile-modal__button--black {
background: #191A23 !important;
border: 1px solid #191A23 !important;
color: #ffffff !important;
font-weight: 600 !important;
height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
box-shadow: none !important;
}
/* line 2959, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal__actions button.profile-modal__button,
.aihunt-profile-page .profile-modal__actions input.profile-modal__button {
height: 32px !important;
min-height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
box-sizing: border-box !important;
box-shadow: none !important;
}
/* line 2971, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal__actions button.profile-modal__button--ghost,
.aihunt-profile-page .profile-modal__actions input.profile-modal__button--ghost {
background: #ffffff !important;
border: 1px solid #e4e4e7 !important;
color: #71717a !important;
}
/* line 2978, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal__actions button.profile-modal__button--black,
.aihunt-profile-page .profile-modal__actions input.profile-modal__button--black {
background: #191A23 !important;
border: 1px solid #191A23 !important;
color: #ffffff !important;
}
/* line 2985, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal__actions input[type="submit"],
.aihunt-profile-page .profile-modal__actions button[type="submit"] {
height: 32px !important;
min-height: 32px !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 0.75rem !important;
line-height: 1 !important;
box-shadow: none !important;
}
/* line 2996, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--dark,
button.profile-modal__button--dark {
background: #191a23 !important;
border: 1px solid #191a23 !important;
color: #b9ff66 !important;
}
/* line 3002, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__button--dark:hover,
button.profile-modal__button--dark:hover {
background: rgba(25, 26, 35, 0.9) !important;
border-color: rgba(25, 26, 35, 0.9) !important;
}
/* line 3009, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags,
.languages-modal-tags {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: 10px;
margin-bottom: 1.5rem;
max-height: 280px;
overflow-y: auto;
padding: 12px;
background: rgba(25, 26, 35, 0.03);
border-radius: 1.25rem;
border: 1px solid rgba(25, 26, 35, 0.08);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
}
/* line 3025, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags::-webkit-scrollbar,
.languages-modal-tags::-webkit-scrollbar {
width: 5px;
}
/* line 3029, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags::-webkit-scrollbar-track,
.languages-modal-tags::-webkit-scrollbar-track {
background: transparent;
}
/* line 3033, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags::-webkit-scrollbar-thumb,
.languages-modal-tags::-webkit-scrollbar-thumb {
background: rgba(25, 26, 35, 0.15);
border-radius: 10px;
}
/* line 3038, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags:empty,
.languages-modal-tags:empty {
display: none !important;
}
/* line 3043, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal,
.language-tag-modal {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 8px 16px;
border-radius: 1rem;
background: #191A23;
color: #B9FF66;
font-size: 0.875rem;
font-weight: 600;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid #191A23;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
white-space: nowrap;
width: auto !important;
}
/* line 3060, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal:hover,
.language-tag-modal:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
background: #000000;
border-color: #B9FF66;
}
/* line 3067, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal span,
.language-tag-modal span {
flex: 0 1 auto;
}
/* line 3072, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove,
.language-tag-modal-remove {
display: flex;
align-items: center;
justify-content: center;
background: rgba(185, 255, 102, 0.15);
border: none;
color: #B9FF66;
cursor: pointer;
padding: 5px;
margin-left: 6px;
border-radius: 50%;
transition: all 0.3s ease;
width: 24px;
height: 24px;
}
/* line 3088, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove svg,
.language-tag-modal-remove svg {
width: 12px;
height: 12px;
stroke-width: 3;
}
/* line 3094, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove:hover,
.language-tag-modal-remove:hover {
background: #B9FF66;
color: #191A23;
transform: rotate(90deg) scale(1.1);
}
/* line 3101, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-input-group {
display: flex !important;
flex-direction: row !important;
gap: 8px !important;
align-items: center !important;
width: 100% !important;
flex-wrap: nowrap !important;
margin-top: 0 !important;
}
/* line 3110, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-input-group .profile-modal__button {
flex-shrink: 0 !important;
white-space: nowrap !important;
min-width: auto !important;
width: auto !important;
}
/* line 3117, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-input-group .skills-modal-input-wrapper {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
}
/* line 3124, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-input-wrapper {
flex: 1 1 auto !important;
position: relative !important;
min-width: 0 !important;
max-width: none !important;
}
/* line 3133, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .skills-modal-input-group {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
}
/* line 3142, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .profile-modal__field .skills-modal-input-group {
display: flex !important;
flex-direction: row !important;
}
/* line 3148, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
background: white;
border: 1px solid rgba(25, 26, 35, 0.15);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 1000;
max-height: 200px;
overflow-y: auto;
display: none;
}
/* line 3162, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list.is-visible {
display: block;
}
/* line 3166, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list .autocomplete-item {
padding: 10px 16px;
cursor: pointer;
font-size: 14px;
color: #191a23;
transition: background-color 0.2s ease;
}
/* line 3173, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.autocomplete-list .autocomplete-item:hover {
background: rgba(25, 26, 35, 0.05);
}
/* line 3179, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-edit-modal-open {
overflow: hidden;
}
/* line 3184, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-edit-modal-open .profile-modal__form {
overflow-y: auto !important;
overflow-x: hidden !important;
}
/* line 3190, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
body.profile-edit-modal-open .profile-modal__form {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
/* line 3197, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal.is-visible .profile-modal__dialog .profile-modal__form {
overflow-y: auto !important;
max-height: calc(90vh - 120px) !important;
-webkit-overflow-scrolling: touch !important;
}
@media (max-width: 767px) {
/* line 3205, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal.is-visible .profile-modal__dialog .profile-modal__form {
overflow-y: auto !important;
max-height: calc(90vh - 120px) !important;
-webkit-overflow-scrolling: touch !important;
}
}
@media (max-width: 480px) {
/* line 3213, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .profile-modal.is-visible .profile-modal__dialog .profile-modal__form {
overflow-y: auto !important;
max-height: calc(85vh - 120px) !important;
-webkit-overflow-scrolling: touch !important;
}
}
/* line 3221, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label {
display: block;
cursor: pointer;
margin-bottom: 12px;
}
/* line 3226, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label .resume-file-input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
/* line 3238, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label .resume-file-upload-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 16px;
border: 1px solid rgba(25, 26, 35, 0.15);
border-radius: 9999px;
background: #fff;
transition: all 0.2s ease;
}
/* line 3249, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label .resume-file-upload-content:hover {
border-color: rgba(25, 26, 35, 0.3);
}
/* line 3254, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label .resume-file-upload-text {
font-size: 14px;
font-weight: 500;
color: #191a23;
}
/* line 3260, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label .resume-file-upload-hint {
font-size: 14px;
color: rgba(25, 26, 35, 0.6);
}
/* line 3266, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label.has-file .resume-file-upload-content {
border-color: #b9ff66;
background: rgba(185, 255, 102, 0.1);
}
/* line 3271, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-label.has-file .resume-file-upload-text {
color: #191a23;
font-weight: 600;
}
/* line 3278, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-upload-description {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
margin: 0;
margin-top: 8px;
}
/* line 3285, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.file-trigger {
display: inline-flex;
align-items: center;
gap: 10px;
border: 1px dashed #cbd5f5;
padding: 12px 20px;
border-radius: 12px;
cursor: pointer;
color: #191a23;
font-weight: 600;
}
/* line 3297, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.file-trigger.has-file {
border-color: #b9ff66;
background: rgba(185, 255, 102, 0.15);
}
/* line 3302, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.danger-zone {
border: 2px solid #ef4444;
background: #fef2f2;
}
/* line 3307, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.danger-zone h3, .danger-zone .h3 {
color: #b91c1c;
margin-bottom: 8px;
}
/* line 3312, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.text-muted {
color: rgba(25, 26, 35, 0.6);
font-size: 14px;
}
/* line 3317, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 16px;
}
/* line 3324, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.form-stack {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 3330, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.grid-cols-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
/* line 3336, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.form-actions {
display: flex;
justify-content: flex-end;
gap: 12px;
margin-top: 24px;
}
/* line 3343, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.input-with-actions {
display: flex;
gap: 12px;
margin-top: 12px;
}
/* line 3349, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.relative {
position: relative;
}
/* line 3354, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px !important;
background: #fff;
border: 1px solid rgba(25, 26, 35, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
/* line 3354, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card {
padding: 24px;
}
}
/* line 3371, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
/* line 3379, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.025em;
color: #191a23;
margin: 0;
}
/* line 3387, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-count {
display: inline-flex;
align-items: center;
padding: 2px 8px;
margin-left: 6px;
border-radius: 9999px;
background: #f4f4f5;
color: #71717a;
font-size: 10px;
font-weight: 500;
border: 1px solid #e4e4e7;
}
/* line 3400, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border-radius: 0;
background: transparent;
border: none;
color: #71717a;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
/* line 3414, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-add-btn:hover {
color: #18181b;
}
/* line 3419, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-list {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 3425, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card .experience-timeline__item.is-hidden {
display: none;
}
/* line 3429, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card.is-expanded .experience-timeline__item.is-hidden {
display: block !important;
}
/* line 3433, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card .experience-item-card.is-hidden {
display: none;
}
/* line 3437, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-card.is-expanded .experience-item-card.is-hidden {
display: flex !important;
}
/* line 3441, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-view-more-btn {
width: 100%;
margin-top: 8px;
padding: 8px 0;
border: none;
border-top: 1px solid #f4f4f5;
background: transparent;
color: #a1a1aa;
font-size: 12px;
font-weight: 500;
text-align: center;
cursor: pointer;
transition: color 0.2s ease;
}
/* line 3455, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-view-more-btn:hover {
color: #52525b;
}
/* line 3460, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-section-empty {
font-size: 14px;
color: rgba(25, 26, 35, 0.6);
margin: 0;
padding: 16px 0;
}
/* line 3467, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-card {
display: flex;
gap: 16px;
padding: 16px;
border-radius: 12px;
background: rgba(244, 244, 245, 0.5);
border: 1px solid rgba(25, 26, 35, 0.1);
transition: all 0.2s ease;
position: relative;
}
/* line 3477, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-card:hover {
border-color: #d4d4d8;
background: #fafafa;
}
/* line 3483, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-logo {
flex-shrink: 0;
}
/* line 3487, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-logo-placeholder {
width: 44px;
height: 44px;
border-radius: 12px;
background: white;
border: 1px solid rgba(25, 26, 35, 0.1);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* line 3498, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-logo-placeholder svg {
width: 24px;
height: 24px;
color: rgba(25, 26, 35, 0.6);
}
/* line 3505, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 3512, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}
/* line 3519, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-title-group {
display: flex;
flex-direction: column;
gap: 0;
}
/* line 3525, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-title {
font-size: 16px;
font-weight: 700;
color: #191a23;
margin: 0;
line-height: 1.25;
letter-spacing: -0.02em;
}
/* line 3534, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-company {
font-size: 14px;
font-weight: 500;
color: rgba(25, 26, 35, 0.6);
margin: 0;
margin-top: 2px;
line-height: 1.4;
}
/* line 3543, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-current-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 9999px;
background: #b9ff66;
color: #191a23;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.14em;
flex-shrink: 0;
}
/* line 3557, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 500;
color: rgba(25, 26, 35, 0.4);
margin-top: 8px;
}
/* line 3568, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-date {
display: flex;
align-items: center;
gap: 4px;
}
/* line 3573, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-date svg {
width: 12px;
height: 12px;
flex-shrink: 0;
}
/* line 3580, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-dot {
width: 4px;
height: 4px;
border-radius: 999px;
background: rgba(25, 26, 35, 0.2);
}
/* line 3587, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-duration {
color: rgba(25, 26, 35, 0.4);
}
/* line 3591, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-description {
font-size: 12px;
font-weight: 500;
color: rgba(25, 26, 35, 0.7);
line-height: 1.6;
margin: 0;
margin-top: 12px;
}
/* line 3600, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-bullets {
margin: 12px 0 0 0;
padding-left: 16px;
list-style: disc;
}
/* line 3605, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-bullets li {
font-size: 12px;
font-weight: 500;
color: rgba(25, 26, 35, 0.7);
line-height: 1.6;
margin-bottom: 8px;
}
/* line 3613, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-bullets li::marker {
color: rgba(25, 26, 35, 0.3);
}
/* line 3618, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-actions {
display: flex;
align-items: flex-start;
gap: 8px;
}
/* line 3624, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-delete-btn {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 8px;
border: none;
background: transparent;
color: rgba(25, 26, 35, 0.2);
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
}
/* line 3638, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-delete-btn:hover {
color: #ef4444;
}
/* line 3642, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-item-delete-btn svg {
width: 14px;
height: 14px;
}
/* line 3649, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px !important;
background: #fff;
border: 1px solid rgba(25, 26, 35, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
/* line 3649, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-card {
padding: 24px;
}
}
/* line 3666, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
/* line 3674, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.025em;
color: #191a23;
margin: 0;
}
/* line 3682, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border-radius: 0;
background: transparent;
border: none;
color: #a1a1aa;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
/* line 3696, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-add-btn:hover {
color: #18181b;
}
/* line 3701, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-list {
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 40px;
}
@media (min-width: 640px) {
/* line 3709, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-list {
padding-left: 60px;
}
}
/* line 3714, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-section-empty {
font-size: 14px;
color: rgba(25, 26, 35, 0.6);
margin: 0;
padding: 16px 0;
}
/* line 3721, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-card {
display: flex;
gap: 16px;
padding: 16px;
border-radius: 12px;
border: 1px solid #e4e4e7;
background: rgba(244, 244, 245, 0.5);
align-items: center;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
position: relative;
}
/* line 3733, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-card:hover {
border-color: #d4d4d8;
background: #fff;
}
/* line 3739, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-logo {
flex-shrink: 0;
}
/* line 3743, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-logo-placeholder {
width: 40px;
height: 40px;
border-radius: 8px;
background: #fafafa;
border: 1px solid #f4f4f5;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* line 3754, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-logo-placeholder svg {
width: 20px;
height: 20px;
color: #a1a1aa;
}
/* line 3761, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 3768, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}
/* line 3775, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-title-group {
display: flex;
flex-direction: column;
gap: 0;
}
/* line 3781, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-title {
font-size: 14px;
font-weight: 600;
color: #191a23;
margin: 0;
line-height: 1.4;
}
/* line 3789, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-degree {
font-size: 12px;
color: #71717a;
margin: 0;
line-height: 1.4;
}
/* line 3796, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
font-size: 12px;
color: rgba(25, 26, 35, 0.6);
}
/* line 3805, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-date {
display: flex;
align-items: center;
gap: 4px;
}
/* line 3810, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-date svg {
width: 14px;
height: 14px;
flex-shrink: 0;
}
/* line 3817, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-description {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
line-height: 1.625;
margin: 0;
}
/* line 3824, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-bullets {
margin: 12px 0 0 0;
padding-left: 20px;
list-style: none;
}
/* line 3829, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-bullets li {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
line-height: 1.625;
margin-bottom: 8px;
padding-left: 12px;
position: relative;
}
/* line 3837, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-bullets li:last-child {
margin-bottom: 0;
}
/* line 3841, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-bullets li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #b9ff66;
}
/* line 3854, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-actions {
display: flex;
align-items: center;
gap: 8px;
}
/* line 3860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-item-delete-btn {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 6px;
border: none;
background: transparent;
color: #d4d4d8;
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
}
/* line 3874, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-item-delete-btn:hover {
color: #ef4444;
}
/* line 3878, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-item-delete-btn svg {
width: 14px;
height: 14px;
}
/* line 3884, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.education-item-delete-btn {
width: 28px;
height: 28px;
}
/* line 3890, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px !important;
background: #fff;
border: 1px solid rgba(25, 26, 35, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
/* line 3890, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-card {
padding: 24px;
}
}
/* line 3907, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-header {
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 3913, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.025em;
color: #191a23;
margin: 0;
}
/* line 3921, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border-radius: 0;
background: transparent;
border: none;
color: #a1a1aa;
font-size: 12px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
/* line 3937, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-add-btn:hover {
color: #191a23;
}
/* line 3941, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-add-btn svg {
width: 14px;
height: 14px;
}
/* line 3947, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-list {
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 40px;
}
@media (min-width: 640px) {
/* line 3955, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-list {
padding-left: 60px;
}
}
/* line 3960, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-card {
background: #fafafa;
border: 1px dashed #d4d4d8;
border-radius: 12px;
padding: 32px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
width: calc(100% - 40px);
margin-left: 40px;
}
@media (min-width: 640px) {
/* line 3975, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-card {
width: calc(100% - 60px);
margin-left: 60px;
}
}
/* line 3981, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-icon {
width: 48px;
height: 48px;
border-radius: 9999px;
background: #fff;
border: 1px solid #e4e4e7;
color: #a1a1aa;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 3994, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-text {
font-size: 12px;
color: #71717a;
max-width: 280px;
margin: 0;
}
/* line 4001, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-cta {
margin-top: 4px;
font-size: 12px;
font-weight: 600;
color: #191a23;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
}
/* line 4011, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-empty-cta:hover {
text-decoration: underline;
}
/* line 4016, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-card {
display: flex;
gap: 12px;
padding: 16px;
border-radius: 12px;
border: 1px solid rgba(25, 26, 35, 0.1);
background: rgba(244, 244, 245, 0.5);
transition: all 0.2s ease;
align-items: flex-start;
}
/* line 4026, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-card:hover {
border-color: rgba(25, 26, 35, 0.2);
background: rgba(243, 243, 243, 0.3);
}
/* line 4032, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-icon {
flex-shrink: 0;
margin-top: 0;
}
/* line 4037, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-icon-placeholder {
width: 36px;
height: 36px;
border-radius: 12px;
background: #191a23;
color: #b9ff66;
display: flex;
align-items: center;
justify-content: center;
}
/* line 4047, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-icon-placeholder svg {
width: 20px;
height: 20px;
}
/* line 4053, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 4060, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
/* line 4067, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-title {
font-size: 14px;
font-weight: 600;
color: #191a23;
margin: 0;
}
/* line 4074, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-link {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 9999px;
color: rgba(25, 26, 35, 0.6);
transition: color 0.2s ease;
}
/* line 4085, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-link:hover {
color: #191a23;
}
/* line 4089, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-link svg {
width: 16px;
height: 16px;
}
/* line 4095, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-description {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
line-height: 1.625;
margin: 0;
}
/* line 4102, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-bullets {
margin: 12px 0 0 0;
padding-left: 20px;
list-style: none;
}
/* line 4107, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-bullets li {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
line-height: 1.625;
margin-bottom: 8px;
padding-left: 12px;
position: relative;
}
/* line 4115, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-bullets li:last-child {
margin-bottom: 0;
}
/* line 4119, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-bullets li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #b9ff66;
}
/* line 4132, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* line 4138, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-tag {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 9999px;
background: rgba(25, 26, 35, 0.05);
color: rgba(25, 26, 35, 0.7);
font-size: 10px;
font-weight: 500;
}
/* line 4149, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-actions {
display: flex;
align-items: center;
gap: 8px;
}
/* line 4155, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-delete-btn {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 9999px;
border: none !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
font: inherit;
color: rgba(25, 26, 35, 0.6);
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
line-height: 1 !important;
min-height: 32px !important;
max-height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
overflow: hidden;
}
/* line 4180, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-delete-btn:hover {
background: rgba(239, 68, 68, 0.1);
color: #ef4444;
}
/* line 4185, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-delete-btn svg {
width: 16px;
height: 16px;
display: block;
flex-shrink: 0;
margin: 0 !important;
}
/* line 4194, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.project-item-delete-form {
display: inline-flex;
margin: 0;
}
/* line 4200, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .project-item-delete-form .project-item-delete-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: rgba(25, 26, 35, 0.6) !important;
height: 32px !important;
width: 32px !important;
min-height: 32px !important;
min-width: 32px !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
font-weight: 500 !important;
box-sizing: border-box !important;
vertical-align: middle !important;
}
/* line 4220, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .project-item-delete-form .project-item-delete-btn:hover {
background: rgba(239, 68, 68, 0.1) !important;
color: #ef4444 !important;
box-shadow: none !important;
transform: none !important;
}
/* line 4228, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-card {
background: #fff;
color: #191a23;
border-radius: 12px !important;
border: 1px solid #e4e4e7;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 4237, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 0;
margin-bottom: 16px;
border-bottom: none;
}
/* line 4248, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-title {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.01em;
color: #191a23;
margin: 0;
}
/* line 4257, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 8px;
border-radius: 9999px !important;
background: #f4f4f5;
border: 1px solid #e4e4e7;
height: 20px;
line-height: 1;
align-self: center;
}
/* line 4270, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-pill.is-open {
background: #ecfdf5;
border-color: #d1fae5;
}
/* line 4275, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-dot {
width: 6px;
height: 6px;
border-radius: 9999px;
background: #a1a1aa;
}
/* line 4282, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-pill.is-open .work-availability-status-dot {
background: #10b981;
animation: work-availability-pulse 1.5s ease-in-out infinite;
}
/* line 4287, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-pill.is-closed .work-availability-status-dot {
background: #d4d4d8;
}
@keyframes work-availability-pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 0.6;
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* line 4309, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page select.work-availability-status-select,
.work-availability-card select.work-availability-status-select,
.work-availability-header select.work-availability-status-select,
select.work-availability-status-select,
.work-availability-status-select {
border: none !important;
background: transparent !important;
color: #047857 !important;
font-size: 10px !important;
font-weight: 500 !important;
padding: 0 !important;
margin: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: none !important;
cursor: pointer !important;
line-height: 1 !important;
height: 14px !important;
display: inline-flex !important;
align-items: center !important;
}
/* line 4332, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-status-pill.is-closed .work-availability-status-select {
color: #52525b !important;
}
/* line 4336, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-content {
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 4344, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-card {
background: #fff;
color: #191a23;
border-radius: 12px;
border: 1px solid #e4e4e7;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 4353, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-header {
display: grid;
grid-template-rows: auto auto;
align-items: start;
gap: 8px;
padding: 0;
margin-bottom: 16px;
}
/* line 4362, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-title {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.01em;
color: #191a23;
margin: 0;
}
/* line 4370, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-content {
padding: 0;
}
/* line 4375, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-card .lucide-dollar-sign {
display: none !important;
}
/* line 4380, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-input-wrap {
position: relative;
width: 100%;
}
/* line 4385, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-prefix {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
color: #a1a1aa;
font-size: 12px;
}
/* line 4394, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-suffix {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: #a1a1aa;
font-size: 10px;
letter-spacing: 0.08em;
}
/* line 4404, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-input,
.salary-expectations-select {
width: 100%;
background: #ffffff !important;
border: 1px solid #e4e4e7 !important;
border-radius: 8px !important;
padding: 8px 36px 8px 24px !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #3f3f46 !important;
box-shadow: none !important;
}
/* line 4417, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 24px center !important;
background-size: 12px 12px !important;
}
/* line 4429, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .salary-expectations-card input.salary-expectations-input,
.aihunt-profile-page .salary-expectations-card select.salary-expectations-select,
.aihunt-profile-page input.salary-expectations-input[type="number"],
.aihunt-profile-page input.salary-expectations-input,
.aihunt-profile-page select.salary-expectations-select {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e4e4e7 !important;
border-radius: 8px !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
box-shadow: none !important;
height: 32px !important;
min-height: unset !important;
max-height: none !important;
padding: 8px 36px 8px 24px !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #3f3f46 !important;
}
/* line 4450, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.2);
}
.salary-expectations-input::placeholder {
color: rgba(25, 26, 35, 0.2);
}
/* line 4454, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-input:focus,
.salary-expectations-select:focus {
outline: none;
border-color: #a1a1aa !important;
box-shadow: 0 0 0 2px rgba(161, 161, 170, 0.2);
}
/* line 4461, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-card .text-muted-foreground {
font-size: 10px;
font-weight: 500;
color: rgba(25, 26, 35, 0.4);
}
/* line 4468, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 640px) {
/* line 4468, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-row {
flex-direction: column;
}
}
/* line 4479, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-field {
flex: 1;
}
/* line 4485, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-grid {
display: grid;
gap: 24px;
}
@media (min-width: 768px) {
/* line 4485, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* line 4494, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-field-group {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 4500, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-label {
display: flex;
align-items: center;
gap: 8px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #a1a1aa;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* line 4512, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-group {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
/* line 4518, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-group input[type="hidden"] {
display: none !important;
}
/* line 4523, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-item {
display: flex;
align-items: center;
gap: 8px;
}
/* line 4529, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-item input[type="radio"] {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 4536, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-item:hover .work-availability-radio-label {
color: #18181b;
}
/* line 4540, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
aspect-ratio: 1;
border-radius: 9999px !important;
border: 1px solid #d4d4d8 !important;
background: #fff !important;
cursor: pointer;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
box-shadow: none;
margin: 0 !important;
padding: 0 !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 4563, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio:checked {
border-color: #18181b !important;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2318181b' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 10px 10px !important;
}
/* line 4571, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.15);
}
/* line 4577, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-radio-label {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: #52525b;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* line 4589, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
/* line 4595, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-grid input[type="hidden"] {
display: none !important;
}
/* line 4600, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-item {
display: flex;
align-items: center;
gap: 8px;
}
/* line 4606, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-item input[type="hidden"] {
display: none !important;
}
/* line 4611, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-item:hover .work-availability-checkbox-label {
color: #18181b;
}
/* line 4615, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox {
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
border-radius: 4px !important;
border: 1px solid #d4d4d8 !important;
background: #fff !important;
cursor: pointer;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
box-shadow: none;
margin: 0 !important;
padding: 0 !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 4638, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox[type="hidden"] {
display: none !important;
}
/* line 4642, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox:checked {
background: #18181b !important;
border-color: #18181b !important;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 12px 12px !important;
}
/* line 4651, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.15);
}
/* line 4657, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-checkbox-label {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: #52525b;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* line 4669, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-group {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
/* line 4675, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-item {
display: flex;
align-items: center;
gap: 8px;
border-radius: 12px;
border: 1px solid rgba(25, 26, 35, 0.05);
background: #fff;
padding: 12px;
box-shadow: none;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 4687, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-item:hover {
border-color: rgba(25, 26, 35, 0.2);
}
/* line 4692, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-item input[type="hidden"] {
display: none !important;
}
/* line 4697, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-icon {
width: 16px;
height: 16px;
color: rgba(25, 26, 35, 0.6);
flex-shrink: 0;
}
/* line 4704, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-text {
font-size: 14px;
font-weight: 500;
color: #191a23;
flex: 1;
}
/* line 4712, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-item input[type="hidden"] {
display: none !important;
}
/* line 4716, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-checkbox-input {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
border-radius: 4px !important;
border: 1px solid rgba(25, 26, 35, 0.2) !important;
background: transparent !important;
cursor: pointer;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
margin: 0 0 0 8px !important;
padding: 0 !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* line 4738, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-checkbox-input:checked {
border-color: #191a23 !important;
background: #191a23 !important;
}
/* line 4742, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-checkbox-input:checked::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
display: block !important;
}
/* line 4758, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.work-availability-location-checkbox-input:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.5);
}
/* line 4765, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-card-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
border-radius: 12px !important;
background: #fff;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #e4e4e7;
}
/* line 4777, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.public-profile-page .resume-card-wrapper {
background: #fff !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
border-radius: 12px !important;
padding: 20px;
}
@media (min-width: 640px) {
/* line 4777, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.public-profile-page .resume-card-wrapper {
padding: 24px;
}
}
/* line 4789, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
/* line 4796, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-title-group {
display: flex;
align-items: center;
gap: 8px;
}
/* line 4802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-title {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
color: #191a23;
margin: 0;
}
/* line 4810, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-badge {
display: inline-flex;
align-items: center;
padding: 4px 8px;
border-radius: 9999px;
background: #fafafa;
color: #a1a1aa;
font-size: 10px;
font-weight: 500;
border: 1px solid #f4f4f5;
}
/* line 4822, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-desktop {
display: none;
align-items: center;
gap: 6px;
padding: 0;
border: none;
background: transparent;
font-size: 12px;
font-weight: 700;
color: #191a23;
cursor: pointer;
transition: color 0.2s ease;
}
@media (min-width: 768px) {
/* line 4822, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-desktop {
display: inline-flex;
}
}
/* line 4839, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-desktop svg {
width: 12px;
height: 12px;
}
/* line 4844, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-desktop:hover {
color: #b9ff66;
}
/* line 4849, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px;
border-radius: 8px !important;
background: rgba(244, 244, 245, 0.5);
border: 1px solid #e4e4e7;
transition: all 0.2s ease;
}
/* line 4860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-wrapper:hover {
border-color: #d4d4d8;
background: #fafafa;
}
/* line 4866, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-content {
display: flex;
align-items: center;
gap: 12px;
}
/* line 4871, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-content.resume-file-clickable {
cursor: pointer;
}
/* line 4874, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-content.resume-file-clickable:hover {
opacity: 0.8;
}
/* line 4880, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 8px;
background: #fff;
color: #a1a1aa;
border: 1px solid #e4e4e7;
}
/* line 4891, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-icon-wrapper svg {
width: 20px;
height: 20px;
}
/* line 4897, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* line 4904, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-name {
font-size: 12px;
font-weight: 500;
color: #191a23;
margin: 0;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 4915, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-date {
font-size: 10px;
font-weight: 500;
color: #71717a;
margin: 0;
}
/* line 4922, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-actions {
display: inline-flex;
align-items: center;
gap: 8px;
opacity: 0;
transition: opacity 0.2s ease;
}
/* line 4930, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-wrapper:hover .resume-file-actions {
opacity: 1;
}
@media (hover: none), (pointer: coarse) {
/* line 4936, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-file-actions {
opacity: 1;
}
}
/* line 4941, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-delete-form {
display: inline-flex;
margin: 0;
}
/* line 4946, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-delete-form .resume-delete-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border: none !important;
border-radius: 6px !important;
background: transparent !important;
color: #d4d4d8 !important;
box-shadow: none !important;
line-height: 1 !important;
transform: none !important;
}
/* line 4963, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-delete-form .resume-delete-btn:hover {
background: transparent !important;
color: #ef4444 !important;
box-shadow: none !important;
transform: none !important;
}
/* line 4970, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-view-btn,
.resume-delete-btn {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
width: 28px;
min-width: 28px;
border-radius: 6px;
background: transparent;
color: #a1a1aa;
cursor: pointer;
transition: all 0.2s ease;
border: none;
text-decoration: none;
}
/* line 4986, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-view-btn:hover,
.resume-delete-btn:hover {
background: transparent;
}
/* line 4991, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-view-btn:hover {
color: #18181b;
}
/* line 4995, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 8px 16px;
border-radius: 8px !important;
border: 1px dashed #d4d4d8;
background: transparent;
font-size: 12px;
font-weight: 500;
color: #a1a1aa;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 5011, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn svg {
width: 14px;
height: 14px;
}
/* line 5016, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn:hover {
border-color: #a1a1aa;
color: #18181b;
background: #fafafa;
}
/* line 5023, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-mobile {
display: none;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 10px 16px;
border-radius: 12px;
border: 1px solid rgba(25, 26, 35, 0.1);
background: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #191a23;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
/* line 5023, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-mobile {
display: none;
}
}
/* line 5046, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-mobile svg {
width: 16px;
height: 16px;
}
/* line 5051, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-upload-btn-mobile:hover {
border-color: #191a23;
background: #191a23;
color: #b9ff66;
}
/* line 5059, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-viewer-content {
padding: 24px;
min-height: 400px;
}
/* line 5063, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-viewer-content iframe {
width: 100%;
min-height: 600px;
border-radius: 8px;
border: none;
}
@media (max-width: 768px) {
/* line 5063, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.resume-viewer-content iframe {
min-height: 500px;
}
}
/* line 5079, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background: #f9f9f9 !important;
background-color: #f9f9f9 !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
border-bottom: none !important;
border-radius: 8px 8px 0 0 !important;
padding: 8px !important;
margin: 0 !important;
position: relative !important;
z-index: 10 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 5098, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button-row,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
background: transparent !important;
}
/* line 5106, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button-group,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button-group {
border: none !important;
margin: 0 !important;
display: flex !important;
background: transparent !important;
}
/* line 5115, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"],
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon {
background: transparent !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
padding: 4px 8px !important;
margin: 0 2px !important;
color: rgba(25, 26, 35, 0.7) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
min-width: 28px !important;
height: 28px !important;
filter: none !important;
-webkit-filter: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* line 5143, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button *,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"] svg,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"] img,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"] *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon * {
filter: none !important;
-webkit-filter: none !important;
opacity: 1 !important;
color: inherit !important;
}
/* line 5152, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon:hover,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog:hover,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button:hover,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"]:hover,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button:hover,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"]:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button:hover,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon:hover {
background: rgba(25, 26, 35, 0.05) !important;
background-color: rgba(25, 26, 35, 0.05) !important;
border-color: rgba(25, 26, 35, 0.1) !important;
color: #191a23 !important;
filter: none !important;
-webkit-filter: none !important;
}
/* line 5161, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon:hover img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon:hover *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog:hover img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog:hover *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button:hover img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button:hover *,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"]:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"]:hover img,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"]:hover *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button:hover img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button:hover *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon:hover svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon:hover img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"]:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"]:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"]:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button:hover *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon:hover svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon:hover img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon:hover * {
filter: none !important;
-webkit-filter: none !important;
color: #191a23 !important;
}
/* line 5171, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active, .profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"], .profile-modal[data-modal="bio"] trix-toolbar .trix-button.active, .profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"],
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"],
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"],
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] {
background: #b9ff66 !important;
background-color: #b9ff66 !important;
border-color: #b9ff66 !important;
color: #191a23 !important;
filter: none !important;
-webkit-filter: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* line 5185, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active ::after, .profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] ::after, .profile-modal[data-modal="bio"] trix-toolbar .trix-button.active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active ::after, .profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--icon[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button--dialog[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"] img,
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"] *,
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .active[class*="trix-button"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar [class*="trix-button"][data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--icon[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-button--dialog[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar button.trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .trix-active[class*="trix-button"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar .active[class*="trix-button"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar [class*="trix-button"][data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button[data-trix-active="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.trix-active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon.active ::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] svg,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] img,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] *,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] ::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-toolbar trix-toolbar .trix-button--icon[data-trix-active="true"] ::after {
filter: none !important;
-webkit-filter: none !important;
color: #191a23 !important;
fill: #191a23 !important;
stroke: #191a23 !important;
}
/* line 5200, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-editor,
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background: #fff !important;
background-color: #fff !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
border-top: none !important;
border-radius: 0 0 8px 8px !important;
padding: 12px 16px !important;
min-height: 150px !important;
height: auto !important;
max-height: none !important;
position: relative !important;
z-index: 10 !important;
overflow: auto !important;
box-sizing: border-box !important;
}
/* line 5220, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-editor::before, .profile-modal[data-modal="bio"] trix-editor::after,
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor::before,
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor::after {
display: none !important;
content: none !important;
background: none !important;
}
/* line 5227, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-editor .trix-content,
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor .trix-content {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background: transparent !important;
background-color: transparent !important;
color: #191a23 !important;
padding: 0 !important;
margin: 0 !important;
min-height: 100px !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
position: relative !important;
}
/* line 5243, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-editor [contenteditable],
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor [contenteditable] {
background: transparent !important;
background-color: transparent !important;
color: #191a23 !important;
min-height: 100px !important;
}
/* line 5250, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-editor:focus,
.profile-modal[data-modal="bio"] .profile-modal__field trix-editor:focus {
border-color: #b9ff66 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.1) !important;
}
/* line 5258, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] .trix-content,
.profile-modal[data-modal="bio"] trix-editor .trix-content,
.profile-modal[data-modal="bio"] trix-editor [contenteditable] {
background: transparent !important;
background-color: transparent !important;
color: #191a23 !important;
}
/* line 5271, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"],
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active {
background: #b9ff66 !important;
background-color: #b9ff66 !important;
border-color: #b9ff66 !important;
color: #191a23 !important;
filter: none !important;
-webkit-filter: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* line 5289, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active, .profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button[aria-pressed="true"] ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-button.active ::after,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active *,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active svg,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active img,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active ::before,
.profile-modal[data-modal="bio"] trix-toolbar button.trix-active ::after,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"],
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] *,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] svg,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] img,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] ::before,
.profile-modal[data-modal="bio"] trix-toolbar .trix-active[class*="trix-button"] ::after,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active *,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active img,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] .trix-button-row .trix-button.trix-active ::after,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active *,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active svg,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active img,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active ::before,
.profile-modal[data-modal="bio"] .trix-button-group .trix-button.trix-active ::after {
filter: none !important;
-webkit-filter: none !important;
color: #191a23 !important;
fill: #191a23 !important;
stroke: #191a23 !important;
}
/* line 5304, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover {
background: rgba(25, 26, 35, 0.05) !important;
background-color: rgba(25, 26, 35, 0.05) !important;
border-color: rgba(25, 26, 35, 0.1) !important;
color: #191a23 !important;
}
/* line 5310, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover, .profile-modal[data-modal="bio"] trix-toolbar .trix-button:hover * {
filter: none !important;
-webkit-filter: none !important;
}
/* line 5319, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px !important;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #e4e4e7;
}
/* line 5331, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page:not(.company-profile-page) .about-section-header {
margin-bottom: 24px;
}
/* line 5335, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page:not(.company-profile-page) .about-section-title {
font-size: 16px !important;
font-weight: 600 !important;
}
/* line 5341, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page.public-profile-page .about-section-card {
margin-left: 0;
margin-right: 0;
}
/* line 5346, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
/* line 5353, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-title {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.025em;
color: #191a23;
margin: 0;
}
/* line 5361, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-body {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 5367, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-edit-btn {
display: inline-flex;
align-items: center;
padding: 0;
border-radius: 0;
border: none;
background: transparent;
font-size: 12px;
font-weight: 600;
color: #a1a1aa;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 5380, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-edit-btn svg {
width: 14px;
height: 14px;
}
/* line 5385, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-edit-btn:hover {
color: #18181b;
}
/* line 5390, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-bio {
font-size: 12px;
font-weight: 500;
color: #71717a;
line-height: 1.625;
margin: 0;
}
/* line 5397, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-bio.is-collapsed {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 5404, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-bio.is-expanded {
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}
/* line 5411, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-more-btn {
margin-top: 8px;
background: transparent;
border: none;
padding: 0;
font-size: 12px;
font-weight: 600;
color: #18181b;
cursor: pointer;
transition: color 0.2s ease;
}
/* line 5422, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-more-btn:hover {
color: #52525b;
}
/* line 5427, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-details {
padding-top: 16px;
border-top: 1px solid #f4f4f5;
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 5435, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-detail {
display: flex;
align-items: center;
gap: 12px;
font-size: 12px;
font-weight: 500;
color: #3f3f46;
}
/* line 5443, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-detail svg {
width: 16px;
height: 16px;
color: #a1a1aa;
flex-shrink: 0;
}
/* line 5451, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-detail a {
color: inherit;
text-decoration: none;
}
/* line 5455, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-detail a:hover {
color: #18181b;
text-decoration: underline;
}
/* line 5462, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-content {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
/* line 5462, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-content {
flex-direction: row;
gap: 24px;
}
}
/* line 5473, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-left {
flex: 1;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
}
@media (min-width: 768px) {
/* line 5473, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-left {
max-width: 66.67%;
flex-basis: 66.67%;
}
}
/* line 5487, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-right {
flex: 1;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 768px) {
/* line 5487, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-right {
max-width: 33.33%;
flex-basis: 33.33%;
}
}
/* line 5501, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-block {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 5507, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-label {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: rgba(25, 26, 35, 0.4);
margin: 0;
}
/* line 5516, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-field {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 5522, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-value {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 12px;
font-weight: 500;
color: #191a23;
}
/* line 5530, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-value svg {
width: 14px;
height: 14px;
color: rgba(25, 26, 35, 0.4);
flex-shrink: 0;
}
/* line 5537, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-value span {
flex: 1;
}
/* line 5542, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-experience {
color: rgba(25, 26, 35, 0.6);
}
/* line 5546, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-link {
display: inline-flex;
align-items: flex-start;
gap: 8px;
font-size: 12px;
font-weight: 500;
color: #191a23;
text-decoration: none;
transition: color 0.2s ease;
}
/* line 5556, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-link svg {
width: 14px;
height: 14px;
flex-shrink: 0;
color: rgba(25, 26, 35, 0.4);
}
/* line 5563, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-section-link:hover {
color: #191a23;
text-decoration: underline;
text-decoration-color: #b9ff66;
text-decoration-thickness: 2px;
}
/* line 5572, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-fields {
display: none;
}
/* line 5576, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
@media (max-width: 640px) {
/* line 5576, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-row {
flex-direction: column;
}
}
/* line 5586, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-field {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
/* line 5593, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-field--full {
width: 100%;
}
/* line 5597, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-expectations-note {
display: none;
}
/* line 5602, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-button--lime {
border-radius: 8px;
padding: 8px 16px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* line 5611, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-card--dark .aihunt-button--lime:hover {
background: #fff;
color: #191a23;
text-decoration: none;
}
/* line 5618, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .aihunt-card--dark a.aihunt-button--lime {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
border-radius: 8px !important;
padding: 8px 16px !important;
background: #b9ff66 !important;
color: #191a23 !important;
border: none !important;
box-shadow: none !important;
}
/* line 5632, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline {
position: relative;
margin-left: 12px;
}
/* line 5637, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__line {
display: block;
position: absolute;
top: 6px;
bottom: 0;
left: 5px;
width: 1px;
background: #e4e4e7;
z-index: 0;
}
/* line 5648, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item {
position: relative;
padding-bottom: 32px;
padding-left: 28px;
}
/* line 5654, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item:last-child {
padding-bottom: 0;
}
/* line 5658, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__icon {
display: flex;
position: absolute;
left: 0;
top: 6px;
width: 10px;
height: 10px;
border-radius: 9999px;
background: #d4d4d8;
border: 2px solid #fff;
align-items: center;
justify-content: center;
color: transparent;
z-index: 10;
}
/* line 5673, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__icon svg {
display: none;
}
/* line 5678, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__content {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 5684, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__heading {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
}
/* line 5691, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__title {
font-size: 14px;
font-weight: 600;
margin: 0;
color: #191a23;
letter-spacing: -0.02em;
}
/* line 5699, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__title-group--toggle {
cursor: pointer;
}
/* line 5702, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__title-group--toggle .experience-timeline__title {
transition: color 0.2s ease;
}
/* line 5706, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__title-group--toggle:hover .experience-timeline__title {
color: #111827;
}
/* line 5711, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__company {
margin: 2px 0 0 0;
font-size: 12px;
font-weight: 500;
color: #71717a;
}
/* line 5718, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__actions {
display: flex;
align-items: center;
gap: 8px;
}
/* line 5724, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__current-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 6px;
background: #f7fee7;
color: #3f6212;
border: 1px solid #ecfccb;
font-size: 10px;
font-weight: 600;
}
/* line 5736, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__delete {
width: 28px;
height: 28px;
border: none;
border-radius: 8px;
background: transparent;
color: rgba(25, 26, 35, 0.2);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease;
opacity: 0;
pointer-events: none;
}
/* line 5752, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__delete:hover {
color: #ef4444;
background: rgba(239, 68, 68, 0.06);
}
/* line 5757, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__meta {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 10px;
font-weight: 500;
color: #a1a1aa;
font-family: ui-monospace, SFMono-Regular, SFMono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
text-transform: uppercase;
letter-spacing: 0.06em;
}
/* line 5769, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__dot {
width: 4px;
height: 4px;
border-radius: 999px;
background: rgba(25, 26, 35, 0.2);
}
/* line 5776, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__bullets {
margin: 8px 0 0 0;
padding-left: 16px;
list-style: disc;
}
/* line 5782, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__bullets li {
font-size: 12px;
font-weight: 500;
color: #52525b;
line-height: 1.6;
margin-bottom: 8px;
}
/* line 5790, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__bullets li::marker {
color: #d4d4d8;
}
/* line 5794, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__description {
margin: 8px 0 0 0;
font-size: 12px;
font-weight: 500;
color: #71717a;
line-height: 1.6;
}
/* line 5802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item--current .experience-timeline__icon {
background: #84cc16;
box-shadow: 0 0 0 4px rgba(132, 204, 22, 0.12);
}
/* line 5807, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item--current .experience-timeline__content {
background: #fff;
border: 1px solid #e4e4e7;
border-radius: 12px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 5816, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__content:has(.experience-accordion[open]) {
background: #fff;
border: 1px solid #e4e4e7;
border-radius: 12px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 5824, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item:hover .experience-timeline__delete {
opacity: 1;
pointer-events: auto;
}
/* line 5830, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion {
margin-top: 8px;
}
/* line 5834, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion[open] .experience-accordion__chevron {
transform: rotate(180deg);
}
/* line 5838, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__summary {
list-style: none;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0;
border-radius: 0;
border: none;
background: transparent;
color: #71717a;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
/* line 5856, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__summary::-webkit-details-marker {
display: none;
}
/* line 5860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__summary:hover {
color: #191a23;
}
/* line 5864, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__chevron {
transition: transform 0.2s ease;
opacity: 0.8;
}
/* line 5869, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__content {
margin-top: 10px;
padding: 12px 14px;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(25, 26, 35, 0.08);
}
/* line 5877, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__content:has(.experience-accordion[open]) .experience-accordion__content {
margin-top: 12px;
padding: 0;
border: none;
background: transparent;
}
/* line 5884, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__content .experience-timeline__bullets {
margin-top: 0;
}
/* line 5888, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__content .experience-timeline__bullets li {
font-size: 13px;
font-weight: 500;
color: rgba(25, 26, 35, 0.82);
line-height: 1.7;
margin-bottom: 10px;
}
/* line 5896, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__content .experience-timeline__bullets li::marker {
color: rgba(25, 26, 35, 0.45);
}
/* line 5900, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-accordion__content .experience-timeline__description {
margin-top: 0;
font-size: 13px;
font-weight: 500;
color: rgba(25, 26, 35, 0.82);
line-height: 1.7;
}
@media (min-width: 640px) {
/* line 5909, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__line {
display: block;
}
/* line 5913, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__icon {
display: flex;
}
/* line 5917, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.experience-timeline__item {
padding-left: 48px;
}
}
/* line 5922, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.flag-chip {
display: inline-flex;
align-items: center;
gap: 0;
border-radius: 4px;
overflow: hidden;
width: 20px;
height: 16px;
}
/* line 5931, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.flag-chip img {
width: 20px;
height: 16px;
-o-object-fit: cover;
object-fit: cover;
}
/* line 5938, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.about-meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
color: rgba(25, 26, 35, 0.7);
}
/* line 5946, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-block h4, .language-block .h4 {
margin-top: 20px;
margin-bottom: 8px;
font-size: 15px;
font-weight: 600;
}
/* line 5953, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.salary-details p {
margin: 0 0 6px;
}
/* line 5957, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.upsell {
margin-top: 12px;
padding: 16px;
border-radius: 18px;
border: 1px solid rgba(185, 255, 102, 0.5);
background: rgba(185, 255, 102, 0.1);
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 5968, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.text-warning {
color: #d97706;
font-weight: 600;
}
@media (max-width: 767px) {
/* line 5974, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page {
padding-top: 16px;
}
/* line 5978, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-hero__body {
padding: 24px;
padding-top: 56px;
}
/* line 5983, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tabs {
flex-direction: column;
align-items: stretch;
}
/* line 5988, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-tab {
width: 100%;
}
}
/* line 5997, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card {
background: #fff;
border-radius: 12px !important;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(25, 26, 35, 0.1);
}
@media (min-width: 640px) {
/* line 5997, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card {
padding: 24px;
}
}
/* line 6009, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-bottom: 24px;
flex-wrap: wrap;
}
@media (min-width: 768px) {
/* line 6009, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__header {
flex-wrap: nowrap;
}
}
/* line 6023, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__title-group {
display: flex;
align-items: center;
gap: 12px;
}
/* line 6029, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__icon {
width: 20px;
height: 20px;
color: #191a23;
flex-shrink: 0;
}
/* line 6036, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__title {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
color: #191a23;
margin: 0;
}
/* line 6044, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__count {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
background: #f4f4f5;
color: #71717a;
font-size: 10px;
font-weight: 600;
padding: 2px 8px;
border: 1px solid #e4e4e7;
}
/* line 6057, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border-radius: 0;
background: transparent;
border: none;
color: #71717a;
font-size: 12px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
white-space: nowrap;
}
/* line 6074, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__add-btn svg {
width: 14px;
height: 14px;
opacity: 0.8;
}
/* line 6080, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__add-btn:hover {
color: #191a23;
}
/* line 6085, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-card__content {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 6091, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
padding-left: 40px;
}
@media (min-width: 640px) {
/* line 6099, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-list {
padding-left: 60px;
}
}
/* line 6104, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
padding-top: 36px;
border-radius: 12px;
border: 1px solid #e4e4e7;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* line 6116, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item:hover {
border-color: #d4d4d8;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 6122, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
/* line 6130, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__header {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 6136, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__title-group {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 6143, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__title {
font-size: 14px;
font-weight: 600;
color: #191a23;
margin: 0;
}
/* line 6150, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 0;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #a1a1aa;
background: transparent;
border: none;
}
/* line 6164, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__badge--remote {
background: transparent;
color: #a1a1aa;
}
/* line 6170, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__keywords {
font-size: 10px;
font-weight: 500;
color: #a1a1aa;
margin: 0;
}
/* line 6177, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-item__actions {
display: contents;
position: static;
}
/* line 6182, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-wrapper {
width: 132px;
}
/* line 6186, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-select {
width: 100%;
height: 32px;
padding: 0 32px 0 12px;
border: 1px solid rgba(25, 26, 35, 0.15);
border-radius: 8px;
background: #fff;
color: #191a23;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23191a23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px;
}
/* line 6203, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-select:hover {
border-color: rgba(25, 26, 35, 0.3);
}
/* line 6207, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-select:focus {
outline: none;
border-color: #191a23;
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.1);
}
/* line 6214, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-display {
position: absolute;
top: 12px;
left: 12px;
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 9999px;
background: #ecfdf3;
color: #047857;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
border: 1px solid #d1fae5;
}
/* line 6232, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-frequency-display--instant {
background: #f0fdf4;
color: #166534;
border-color: #dcfce7;
}
/* line 6238, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-delete-btn,
.job-alert-edit-btn {
position: absolute;
top: 10px;
right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 6px;
background: transparent;
border: none;
color: #d4d4d8;
cursor: pointer;
transition: color 0.2s ease;
flex-shrink: 0;
}
/* line 6256, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-delete-btn svg,
.job-alert-edit-btn svg {
width: 14px;
height: 14px;
}
/* line 6261, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alert-delete-btn:hover,
.job-alert-edit-btn:hover {
color: #191a23;
}
/* line 6266, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-card--empty {
opacity: 1;
}
/* line 6270, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.projects-section-empty {
display: none;
}
/* line 6274, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-empty {
padding: 32px 16px;
text-align: center;
color: rgba(25, 26, 35, 0.6);
font-size: 14px;
line-height: 1.6;
border: 1px dashed rgba(25, 26, 35, 0.2);
border-radius: 12px;
background: rgba(243, 243, 243, 0.3);
}
/* line 6285, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(185, 255, 102, 0.05) 0%, rgba(185, 255, 102, 0.1) 100%);
border: 1px solid rgba(185, 255, 102, 0.3);
}
@media (min-width: 768px) {
/* line 6285, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
/* line 6301, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 6308, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell__title {
font-size: 16px;
font-weight: 600;
color: #191a23;
margin: 0;
}
/* line 6315, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell__text {
font-size: 14px;
color: rgba(25, 26, 35, 0.7);
margin: 0;
line-height: 1.5;
}
/* line 6322, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 28px;
border-radius: 9999px;
background: #b9ff66;
color: #191a23;
font-size: 13px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: all 0.2s ease;
white-space: nowrap;
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.3);
}
/* line 6339, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.job-alerts-upsell__button:hover {
background: #a8ee55;
color: #191a23;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.4);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.3);
}
/* line 6354, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
/* line 6362, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-count-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #f4f4f5;
color: #71717a;
}
/* line 6372, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-count-badge--free {
background: #f0fdf4;
color: #166534;
border: 1px solid #dcfce7;
}
/* line 6379, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-items-modal {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 16px;
}
/* line 6386, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-items-modal__empty {
padding: 20px;
text-align: center;
color: #a1a1aa;
font-size: 12px;
border: 1px dashed #e4e4e7;
border-radius: 10px;
background: #fafafa;
margin: 0;
}
/* line 6397, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal {
position: relative;
padding: 16px;
border: 1px solid #e4e4e7;
border-radius: 10px;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* line 6405, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal:hover {
border-color: #d4d4d8;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
/* line 6411, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__fields {
display: flex;
flex-direction: column;
gap: 12px;
padding-right: 32px;
}
/* line 6418, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__field {
display: flex;
flex-direction: column;
gap: 6px;
}
/* line 6424, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__label {
font-size: 12px;
font-weight: 500;
color: #71717a;
text-transform: none;
letter-spacing: normal;
}
/* line 6432, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__hint {
font-size: 12px;
color: #a1a1aa;
margin: 0;
line-height: 1.4;
}
/* line 6439, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__hint--spaced {
margin-top: 4px;
}
/* line 6443, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__hint--section {
margin-top: 8px;
margin-bottom: 16px;
}
/* line 6448, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__link {
color: #191a23;
font-weight: 600;
text-decoration: underline;
}
/* line 6454, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__remove {
position: absolute;
top: 16px;
right: 16px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 6px;
background: transparent;
border: none;
color: #d4d4d8;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 6470, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__remove svg {
width: 16px;
height: 16px;
}
/* line 6475, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-item-modal__remove:hover {
color: #ef4444;
}
/* line 6480, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/* line 6487, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button svg {
width: 16px;
height: 16px;
}
/* line 6493, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button-main {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 16px;
border-radius: 10px;
background: #191a23;
border: none;
color: #ffffff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
cursor: pointer;
transition: all 0.2s ease;
text-transform: none;
}
/* line 6511, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button-main svg {
width: 16px;
height: 16px;
}
/* line 6516, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button-main:hover {
background: #000000;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(25, 26, 35, 0.15);
}
/* line 6522, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-add-button-main:active {
transform: translateY(0);
}
/* line 6527, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice {
display: flex;
gap: 12px;
padding: 16px;
border-radius: 12px;
background: rgba(249, 115, 22, 0.05);
border: 1px solid rgba(249, 115, 22, 0.2);
}
/* line 6535, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice svg {
width: 20px;
height: 20px;
color: #f97316;
flex-shrink: 0;
margin-top: 2px;
}
/* line 6544, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice__content {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
/* line 6551, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice__title {
font-size: 14px;
font-weight: 600;
color: #191a23;
margin: 0;
}
/* line 6558, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice__text {
font-size: 13px;
color: rgba(25, 26, 35, 0.7);
margin: 0;
line-height: 1.5;
}
/* line 6565, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice__link {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 600;
padding: 8px 20px;
border-radius: 9999px;
background: #b9ff66;
color: #191a23;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.25);
}
/* line 6580, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.alert-limit-notice__link:hover {
background: #a8ee55;
color: #191a23;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 4px 15px rgba(185, 255, 102, 0.35);
}
/* line 6590, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* line 6604, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
@media (min-width: 640px) {
/* line 6604, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload {
flex-direction: row;
align-items: flex-start;
}
}
/* line 6616, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__preview {
flex-shrink: 0;
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
border: 4px solid #b9ff66;
box-shadow: 0 10px 25px rgba(185, 255, 102, 0.2);
background: #f3f3f3;
}
@media (min-width: 640px) {
/* line 6616, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__preview {
width: 140px;
height: 140px;
}
}
/* line 6632, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* line 6638, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__content {
flex: 1;
width: 100%;
}
/* line 6643, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 32px 24px;
border: 2px dashed rgba(25, 26, 35, 0.15);
border-radius: 16px;
background: rgba(243, 243, 243, 0.5);
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
/* line 6657, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone:hover {
border-color: #b9ff66;
background: rgba(185, 255, 102, 0.05);
}
/* line 6662, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone.is-dragover {
border-color: #b9ff66;
background: rgba(185, 255, 102, 0.1);
transform: scale(1.01);
}
/* line 6669, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* line 6681, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: #191a23;
color: #b9ff66;
}
/* line 6691, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__icon svg {
width: 24px;
height: 24px;
}
/* line 6697, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__text {
font-size: 14px;
font-weight: 600;
color: #191a23;
letter-spacing: -0.025em;
}
/* line 6704, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__hint {
font-size: 12px;
color: rgba(25, 26, 35, 0.6);
}
/* line 6710, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone.has-file {
border-color: #b9ff66;
background: rgba(185, 255, 102, 0.08);
}
/* line 6714, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone.has-file .profile-picture-upload__icon {
background: #b9ff66;
color: #191a23;
}
/* line 6719, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-picture-upload__dropzone.has-file .profile-picture-upload__text {
color: #191a23;
}
/* line 6729, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-form-actions {
display: flex !important;
gap: 12px !important;
align-items: center !important;
}
/* line 6735, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 12px 24px !important;
border-radius: 9999px !important;
background: #B9FF66 !important;
color: #191A23 !important;
font-size: 14px !important;
font-weight: 600 !important;
border: none !important;
cursor: pointer !important;
white-space: nowrap !important;
text-transform: none !important;
letter-spacing: normal !important;
box-shadow: none !important;
position: relative !important;
overflow: visible !important;
}
/* line 6756, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn::after {
content: none !important;
display: none !important;
}
/* line 6761, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn::before {
content: none !important;
display: none !important;
}
/* line 6766, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn svg {
flex-shrink: 0 !important;
width: 16px !important;
height: 16px !important;
}
/* line 6772, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn span {
display: inline !important;
}
/* line 6776, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn:hover {
background: #a8f055 !important;
color: #191A23 !important;
transform: none !important;
box-shadow: 0 2px 8px rgba(185, 255, 102, 0.4) !important;
}
/* line 6783, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-submit-btn:active {
transform: scale(0.98) !important;
}
/* line 6788, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-cancel-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 24px !important;
border-radius: 9999px !important;
border: 1px solid rgba(25, 26, 35, 0.15) !important;
background: white !important;
color: #191A23 !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* line 6802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-cancel-btn::after {
content: none !important;
display: none !important;
}
/* line 6807, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.aihunt-profile-page .claim-cancel-btn:hover {
background: #f5f5f5 !important;
text-decoration: none !important;
}
/* ID Override for Experience Select */
/* line 6814, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#experience-level-select {
border-radius: 0.75rem !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-color: #ffffff !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
padding: 0.625rem 0.875rem !important;
/* Re-add the arrow because appearance:none removes it */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191a23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 16px !important;
width: 100% !important;
}
/* line 6830, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-horizontal-container {
display: flex !important;
flex-direction: row !important;
}
/* line 6834, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-horizontal-container > div {
flex-direction: row !important;
}
/* line 6838, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-horizontal-container > span {
flex-direction: row !important;
}
/* line 6843, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field .skills-horizontal-container {
flex-direction: row !important;
}
/* line 6848, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section {
margin-bottom: 2rem;
}
@media (max-width: 767px) {
/* line 6848, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section {
margin-bottom: 1.5rem;
}
}
@media (max-width: 480px) {
/* line 6848, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section {
margin-bottom: 1rem;
}
}
/* line 6860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
/* line 6860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section-header {
margin-bottom: 0.75rem;
}
}
@media (max-width: 480px) {
/* line 6860, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section-header {
margin-bottom: 0.5rem;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
}
/* line 6878, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section-title {
font-size: 14px;
font-weight: 600;
color: #191a23;
margin: 0;
}
/* line 6885, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__section-count {
font-size: 11px;
font-weight: 500;
color: #a1a1aa;
background: #f4f4f5;
padding: 2px 8px;
border-radius: 9999px;
}
/* line 6895, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-container {
background: #fafafa;
border: 1px solid #e4e4e7;
border-radius: 12px;
padding: 16px;
}
@media (max-width: 767px) {
/* line 6895, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-container {
padding: 14px;
border-radius: 12px;
}
}
@media (max-width: 480px) {
/* line 6895, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-container {
padding: 12px;
border-radius: 10px;
}
}
/* line 6912, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-tags-modal {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 1.25rem;
align-items: center;
}
@media (max-width: 767px) {
/* line 6912, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-tags-modal {
gap: 0.5rem;
margin-bottom: 1rem;
}
}
@media (max-width: 480px) {
/* line 6912, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-tags-modal {
gap: 0.375rem;
margin-bottom: 0.75rem;
}
}
/* line 6930, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #ffffff;
padding: 6px 12px;
border-radius: 9999px;
font-size: 12px;
font-weight: 500;
color: #52525b;
border: 1px solid #e4e4e7;
transition: all 0.2s ease;
min-height: 32px;
}
/* line 6944, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal:hover {
border-color: #191a23;
background: #191a23;
color: #ffffff;
}
/* line 6951, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: transparent;
border: none;
color: #a1a1aa;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 6964, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove:hover {
color: #ffffff;
}
/* line 6968, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal-remove svg {
width: 0.875rem;
height: 0.875rem;
}
/* line 6974, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skill-tag-modal:hover .skill-tag-modal-remove {
color: #ffffff;
}
/* line 6979, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-container {
position: relative;
}
/* line 6983, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-input-wrapper {
position: relative;
display: flex;
align-items: center;
height: 40px;
min-height: 40px;
border: 1px solid #e4e4e7;
border-radius: 10px;
background: #ffffff;
overflow: hidden;
transition: all 0.2s ease;
box-shadow: none;
padding-left: 0;
}
/* line 6997, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-input-wrapper:hover {
border-color: #d4d4d8;
}
/* line 7001, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-input-wrapper:focus-within {
border-color: rgba(25, 26, 35, 0.3) !important;
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.08) !important;
}
/* line 7007, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign .skills-search-input-wrapper {
padding-left: 0 !important;
}
/* line 7011, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-icon {
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
color: #a3a3a3;
pointer-events: none;
width: 1.25rem;
height: 1.25rem;
}
/* line 7022, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-input {
flex: 1;
height: 100%;
padding: 0 86px 0 56px !important;
border: none;
background: transparent;
color: #191a23;
font-family: inherit;
font-size: 0.875rem;
outline: none;
text-indent: 0 !important;
box-sizing: border-box !important;
}
/* line 7035, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-search-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.2);
}
.skills-search-input::placeholder {
color: rgba(25, 26, 35, 0.2);
}
/* line 7040, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign .skills-search-input {
padding-left: 56px !important;
padding-right: 86px !important;
text-indent: 0 !important;
}
/* line 7046, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .skills-search-icon {
position: absolute !important;
left: 0.75rem !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
/* line 7053, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .skills-search-input {
padding-left: 56px !important;
padding-right: 86px !important;
text-indent: 0 !important;
}
/* line 7059, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-add-btn {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
padding: 0 14px;
height: auto;
background: #191a23;
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
/* line 7078, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-add-btn:hover {
background: #000000;
transform: translateY(-1px);
}
/* line 7085, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-modal-container {
background: #fafafa;
border: 1px solid #e4e4e7;
border-radius: 12px;
padding: 16px;
}
@media (max-width: 767px) {
/* line 7085, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-modal-container {
padding: 14px;
border-radius: 12px;
}
}
@media (max-width: 480px) {
/* line 7085, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-modal-container {
padding: 12px;
border-radius: 10px;
}
}
/* line 7102, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tags-modal {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 1.25rem;
align-items: center;
}
@media (max-width: 767px) {
/* line 7102, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tags-modal {
gap: 0.5rem;
margin-bottom: 1rem;
}
}
@media (max-width: 480px) {
/* line 7102, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tags-modal {
gap: 0.375rem;
margin-bottom: 0.75rem;
}
}
/* line 7120, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #ffffff;
padding: 6px 10px;
border-radius: 9999px;
font-size: 12px;
font-weight: 500;
color: #52525b;
border: 1px solid #e4e4e7;
transition: all 0.2s ease;
min-height: 32px;
box-shadow: none;
}
/* line 7135, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal:hover {
border-color: #191a23;
background: #191a23;
color: #ffffff;
}
/* line 7142, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-content {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
line-height: 1;
}
/* line 7150, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-name {
font-weight: 600;
color: #191a23;
}
/* line 7155, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-level {
font-size: 10px;
font-weight: 600;
color: #a1a1aa;
letter-spacing: 0.04em;
text-transform: uppercase;
}
/* line 7163, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal-remove {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: transparent;
border: none;
color: #a1a1aa;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 7176, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal-remove:hover {
color: #ffffff;
}
/* line 7180, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal-remove svg {
width: 0.875rem;
height: 0.875rem;
}
/* line 7186, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal:hover .language-tag-name,
.language-tag-modal:hover .language-tag-level {
color: #ffffff;
}
/* line 7191, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.language-tag-modal:hover .language-tag-modal-remove {
color: #ffffff;
}
/* line 7196, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-add-container {
display: flex;
gap: 1rem;
align-items: center;
}
/* line 7202, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input-wrapper {
position: relative;
flex: 1;
height: 40px;
min-height: 40px;
border: 1px solid #e4e4e7;
border-radius: 10px;
background: #ffffff;
overflow: hidden;
display: flex;
align-items: center;
transition: all 0.2s ease;
box-sizing: border-box;
padding: 0;
}
/* line 7217, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input-wrapper:hover {
border-color: #d4d4d8;
background: #ffffff;
}
/* line 7222, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input-wrapper:focus-within {
border-color: rgba(25, 26, 35, 0.3);
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.08);
}
/* line 7228, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input-icon {
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
color: #a3a3a3;
pointer-events: none;
width: 1.25rem;
height: 1.25rem;
}
/* line 7239, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input {
width: 100%;
height: 100%;
padding: 0 12px 0 56px !important;
border: none;
background: transparent;
color: #191a23;
font-family: inherit;
font-size: 0.875rem;
outline: none;
text-indent: 0 !important;
box-sizing: border-box !important;
line-height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* line 7255, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-input::-moz-placeholder {
color: rgba(25, 26, 35, 0.2);
}
.languages-input::placeholder {
color: rgba(25, 26, 35, 0.2);
}
/* line 7260, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .languages-input-icon {
position: absolute !important;
left: 0.75rem !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
/* line 7267, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal[data-modal="skills"] .languages-input {
padding-left: 56px !important;
text-indent: 0 !important;
}
/* line 7272, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select-wrapper {
position: relative;
flex: 1;
height: 40px;
min-height: 40px;
border: 1px solid #e4e4e7;
border-radius: 10px;
background: #ffffff;
overflow: visible;
display: flex;
align-items: center;
transition: all 0.2s ease;
box-sizing: border-box;
}
/* line 7287, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
#skills-modal-redesign .languages-input-wrapper,
#skills-modal-redesign .languages-select-wrapper {
flex: 1 !important;
}
/* line 7292, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select {
width: 100%;
height: 100%;
padding: 0 36px 0 12px !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
color: #191a23;
font-family: inherit;
font-size: 0.875rem;
line-height: 40px !important;
box-sizing: border-box !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 40px;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23191a23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
transition: all 0.2s ease;
box-shadow: none;
}
/* line 7320, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select:hover {
border-color: #d4d4d8;
}
/* line 7324, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select:focus {
border-color: rgba(25, 26, 35, 0.3) !important;
box-shadow: 0 0 0 3px rgba(25, 26, 35, 0.08) !important;
}
/* line 7329, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select::-moz-placeholder {
color: rgba(25, 26, 35, 0.2);
}
.languages-select::placeholder {
color: rgba(25, 26, 35, 0.2);
}
/* line 7333, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-select option {
background: #ffffff;
color: #191a23;
padding: 0.5rem;
}
/* line 7340, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-add-btn {
height: 40px;
padding: 0 16px;
background: #191a23;
color: #ffffff;
border: none;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
/* line 7355, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.languages-add-btn:hover {
background: #000000;
transform: translateY(-1px);
}
/* line 7361, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.profile-modal__field .skills-horizontal-container > div {
flex-direction: row !important;
}
/* line 7366, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.skills-modal-tags,
.languages-modal-tags,
.skills-modal-input-group {
flex-direction: row !important;
}
/* line 7373, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content {
--ats-charcoal: #191a23;
--ats-accent: #b9ff66;
--ats-border: rgba(25, 26, 35, 0.12);
--ats-muted: rgba(25, 26, 35, 0.6);
--ats-muted-bg: rgba(25, 26, 35, 0.06);
--ats-card-shadow: 0 10px 24px rgba(25, 26, 35, 0.06);
--ats-soft-shadow: 0 6px 18px rgba(25, 26, 35, 0.05);
}
/* line 7382, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard {
display: flex;
flex-direction: column;
gap: 20px;
}
/* line 7388, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 20px 24px;
border-radius: 18px;
border: 1px solid rgba(25, 26, 35, 0.08);
background: #ffffff;
box-shadow: 0 6px 18px rgba(25, 26, 35, 0.06);
}
/* line 7400, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-title-row {
display: flex;
align-items: center;
gap: 12px;
}
/* line 7406, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-title {
font-size: 20px;
font-weight: 700;
margin: 0;
color: #191a23;
}
/* line 7413, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-badge {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 999px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
background: #191a23;
color: #b9ff66;
}
/* line 7426, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-subtitle {
margin: 8px 0 0;
font-size: 13px;
color: rgba(25, 26, 35, 0.6);
}
/* line 7432, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-status {
font-size: 12px;
font-weight: 600;
color: rgba(25, 26, 35, 0.7);
background: rgba(25, 26, 35, 0.06);
padding: 8px 12px;
border-radius: 10px;
white-space: nowrap;
}
/* line 7442, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-grid {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
/* line 7449, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-grid {
grid-template-columns: 320px 1fr;
}
/* line 7453, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-grid--results {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* line 7458, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-grid--results {
grid-template-columns: 1fr;
}
/* line 7462, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-card {
background: #ffffff;
border: 1px solid rgba(25, 26, 35, 0.08);
border-radius: 18px;
padding: 20px 22px;
box-shadow: 0 6px 18px rgba(25, 26, 35, 0.05);
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 7473, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
}
/* line 7480, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-card-title {
margin: 0;
font-size: 16px;
font-weight: 700;
color: #191a23;
}
/* line 7487, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-card-subtitle {
margin: 4px 0 0;
font-size: 12px;
color: rgba(25, 26, 35, 0.55);
}
/* line 7493, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-card-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
/* line 7499, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button {
border: 1px solid var(--ats-border);
border-radius: 8px;
padding: 6px 12px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
display: inline-flex;
align-items: center;
gap: 6px;
background: #ffffff;
color: var(--ats-charcoal);
line-height: 1.2;
}
/* line 7515, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button:active {
transform: scale(0.95);
}
/* line 7519, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button__icon {
width: 12px;
height: 12px;
}
/* line 7524, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button--primary {
background: var(--ats-charcoal);
color: #ffffff;
border-color: transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 7531, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button--primary:hover {
opacity: 0.92;
}
/* line 7535, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button--ghost {
background: #ffffff;
color: var(--ats-charcoal);
}
/* line 7540, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-button--ghost:hover {
background: var(--ats-muted-bg);
}
/* line 7544, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-file-input {
display: none;
}
/* line 7548, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-textarea {
width: 100%;
border-radius: 8px;
border: 1px solid var(--ats-border);
padding: 12px 16px;
font-size: 14px;
background: #ffffff;
color: var(--ats-charcoal);
resize: none;
}
/* line 7559, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-textarea:focus {
outline: none;
border-color: rgba(185, 255, 102, 0.8);
box-shadow: 0 0 0 1px rgba(185, 255, 102, 0.8);
}
/* line 7565, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-textarea::-moz-placeholder {
color: var(--ats-muted);
}
.ats-optimizer-tab-content .ats-textarea::placeholder {
color: var(--ats-muted);
}
/* line 7569, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-empty {
font-size: 12px;
color: var(--ats-muted);
}
/* line 7574, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-list {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 7580, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-item {
border: 1px solid var(--ats-border);
background: #ffffff;
border-radius: 8px;
padding: 12px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
cursor: pointer;
text-align: left;
transition: all 0.15s ease;
}
/* line 7594, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-item:hover {
border-color: rgba(25, 26, 35, 0.2);
}
/* line 7598, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-item.is-active {
border-color: rgba(185, 255, 102, 0.9);
background: rgba(185, 255, 102, 0.05);
}
/* line 7603, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-item:focus-visible {
outline: 2px solid rgba(25, 26, 35, 0.5);
outline-offset: 2px;
}
/* line 7608, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-title {
font-size: 14px;
font-weight: 600;
color: var(--ats-charcoal);
}
/* line 7614, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-meta {
font-size: 10px;
color: var(--ats-muted);
}
/* line 7619, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 7626, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-tags {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
/* line 7632, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-pill {
padding: 2px 8px;
font-size: 9px;
font-weight: 600;
border-radius: 999px;
background: var(--ats-charcoal);
color: #ffffff;
}
/* line 7641, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-delete {
border: none;
background: transparent;
color: var(--ats-muted);
padding: 4px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 0.15s ease, background 0.15s ease;
}
/* line 7654, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-delete:hover {
color: #ef4444;
}
/* line 7658, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-delete:focus-visible {
outline: 2px solid rgba(25, 26, 35, 0.4);
outline-offset: 2px;
}
/* line 7663, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-pill--muted {
background: var(--ats-muted-bg);
color: var(--ats-muted);
border: none;
}
/* line 7669, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-pill--accent {
background: var(--ats-accent);
color: var(--ats-charcoal);
}
/* line 7674, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview {
border: 1px solid rgba(25, 26, 35, 0.08);
border-radius: 14px;
padding: 16px;
background: rgba(25, 26, 35, 0.02);
min-height: 120px;
}
/* line 7682, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-header {
display: flex;
justify-content: space-between;
gap: 12px;
border-bottom: 1px solid rgba(25, 26, 35, 0.08);
padding-bottom: 10px;
margin-bottom: 12px;
}
/* line 7691, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-name {
font-size: 16px;
font-weight: 700;
color: #191a23;
}
/* line 7697, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-title {
font-size: 12px;
color: rgba(25, 26, 35, 0.6);
}
/* line 7702, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-contact {
font-size: 11px;
color: rgba(25, 26, 35, 0.5);
}
/* line 7707, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-summary {
font-size: 12px;
margin: 0 0 12px;
}
/* line 7712, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-section {
margin-bottom: 12px;
}
/* line 7716, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-section-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #191a23;
margin-bottom: 6px;
}
/* line 7725, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-item {
margin-bottom: 10px;
}
/* line 7729, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-item-header {
display: flex;
justify-content: space-between;
gap: 8px;
}
/* line 7735, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-item-title {
font-size: 12px;
font-weight: 600;
}
/* line 7740, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-item-subtitle {
font-size: 11px;
color: rgba(25, 26, 35, 0.6);
}
/* line 7745, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-item-meta {
font-size: 10px;
color: rgba(25, 26, 35, 0.5);
}
/* line 7750, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-section-body ul {
margin: 6px 0 0 16px;
padding: 0;
font-size: 11px;
color: rgba(25, 26, 35, 0.75);
}
/* line 7757, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-chip-row,
.ats-optimizer-tab-content .ats-keyword-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* line 7764, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-chip {
padding: 4px 8px;
border-radius: 999px;
font-size: 10px;
background: rgba(185, 255, 102, 0.2);
color: #191a23;
border: 1px solid rgba(25, 26, 35, 0.1);
}
/* line 7773, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-keyword-group {
margin-bottom: 12px;
}
/* line 7777, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-keyword-title {
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
color: rgba(25, 26, 35, 0.7);
}
/* line 7784, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-improvements {
margin-top: 12px;
}
/* line 7788, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-improvement-list {
margin: 6px 0 0 16px;
padding: 0;
font-size: 11px;
color: rgba(25, 26, 35, 0.75);
}
/* line 7795, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-section-title {
margin: 0;
font-size: 12px;
font-weight: 700;
color: #191a23;
}
/* line 7802, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-muted {
font-size: 11px;
color: rgba(25, 26, 35, 0.5);
}
/* line 7808, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-header {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
box-shadow: none;
}
@media (min-width: 640px) {
/* line 7822, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-header {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
/* line 7829, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-header-copy {
min-width: 0;
}
/* line 7833, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-title-row {
display: flex;
align-items: center;
gap: 12px;
}
/* line 7839, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-title {
margin: 0;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.01em;
text-transform: none;
color: var(--ats-charcoal);
}
@media (min-width: 640px) {
/* line 7849, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-title {
font-size: 24px;
}
}
/* line 7854, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border: 1px solid transparent;
border-radius: 6px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
background: var(--ats-accent);
color: var(--ats-charcoal);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 7869, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-subtitle {
margin: 4px 0 0;
font-size: 14px;
color: var(--ats-muted);
}
/* line 7875, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-header-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
}
/* line 7883, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-action-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
/* line 7890, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-status {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 500;
color: var(--ats-muted);
background: var(--ats-muted-bg);
padding: 6px 12px;
border-radius: 8px;
border: none;
white-space: nowrap;
line-height: 1.2;
}
/* line 7905, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-shell {
border: none;
border-radius: 0;
background: transparent;
box-shadow: none;
margin-top: 12px;
}
/* line 7913, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
background: transparent;
align-items: start;
}
@media (min-width: 1280px) {
/* line 7922, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
/* line 7927, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-builder-grid {
grid-template-columns: 1fr;
}
/* line 7931, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-editor {
background: transparent;
padding: 0;
max-height: none;
overflow: visible;
border-right: none;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
/* line 7943, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-preview {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
display: flex;
flex-direction: column;
min-height: 0;
padding: 0;
position: relative;
min-width: 0;
}
/* line 7956, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-scroll {
display: flex;
flex-direction: column;
border: none;
border-radius: 0;
background: transparent;
overflow: visible;
min-height: 0;
max-height: none;
}
@media (min-width: 1280px) {
/* line 7968, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-scroll {
max-height: none;
}
}
/* line 7973, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-editor.profile-layout__sidebar {
gap: 20px;
}
/* line 7977, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-preview.profile-layout__main {
gap: 0;
}
/* line 7981, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-builder-editor {
display: none;
}
/* line 7985, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-builder-preview {
padding: 0;
}
/* line 7989, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-jd-grid {
grid-template-columns: 1fr;
}
/* line 7993, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-jd-column:first-child {
display: none;
}
/* line 7997, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-jd-column:last-child {
width: 100%;
}
/* line 8001, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-preview-scroll {
max-height: none;
}
/* line 8005, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-preview-body {
max-height: none;
}
@media (max-width: 1199px) {
/* line 8010, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-editor {
border-bottom: none;
}
}
/* line 8015, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel {
background: #ffffff;
border: 1px solid var(--ats-border);
border-radius: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
padding: 0;
margin-bottom: 0;
transition: box-shadow 0.2s ease;
}
/* line 8025, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
/* line 8030, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
border-bottom: 1px solid var(--ats-border);
padding: 16px 20px;
margin-bottom: 0;
}
/* line 8040, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-title {
margin: 0;
font-size: 14px;
font-weight: 600;
text-transform: none;
letter-spacing: 0.01em;
color: var(--ats-charcoal);
}
/* line 8049, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-subtitle {
margin: 2px 0 0;
font-size: 12px;
color: var(--ats-muted);
}
/* line 8055, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-actions {
display: flex;
gap: 6px;
flex-wrap: wrap;
align-items: center;
}
/* line 8062, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 8069, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-body--tight {
gap: 8px;
}
/* line 8073, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-body--spacious {
gap: 16px;
}
/* line 8077, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-title-row {
display: flex;
align-items: center;
gap: 8px;
}
/* line 8083, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-toggle {
border: none;
background: transparent;
color: var(--ats-muted);
padding: 2px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 0.15s ease, background 0.15s ease;
}
/* line 8096, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-toggle svg {
width: 16px;
height: 16px;
}
/* line 8101, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-panel-toggle:hover {
color: var(--ats-charcoal);
background: var(--ats-muted-bg);
}
/* line 8106, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 0;
}
@media (min-width: 640px) {
/* line 8114, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* line 8119, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card {
border: 2px solid var(--ats-border);
border-radius: 12px;
background: #ffffff;
padding: 12px;
cursor: pointer;
text-align: center;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
transition: box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
/* line 8134, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
border-color: rgba(25, 26, 35, 0.15);
}
/* line 8140, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card.is-active {
background: rgba(185, 255, 102, 0.05);
color: var(--ats-charcoal);
border-color: rgba(185, 255, 102, 0.9);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 8147, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-thumb {
width: 48px;
height: 64px;
border: 1px solid var(--ats-border);
border-radius: 8px;
background: #ffffff;
display: flex;
align-items: stretch;
justify-content: stretch;
overflow: hidden;
}
/* line 8159, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card.is-active .ats-template-thumb {
border-color: var(--ats-accent);
}
/* line 8163, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-thumb__body {
width: 100%;
padding: 6px;
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 8171, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-thumb--two .ats-template-thumb__body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
}
/* line 8177, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-col {
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 8183, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line {
height: 2px;
border-radius: 999px;
background: rgba(25, 26, 35, 0.2);
width: 100%;
}
/* line 8190, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line.is-title {
height: 4px;
background: var(--ats-charcoal);
}
/* line 8195, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line.is-short {
width: 70%;
}
/* line 8199, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line.is-medium {
width: 85%;
}
/* line 8203, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line.is-long {
width: 90%;
}
/* line 8207, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-line.is-accent {
background: var(--ats-accent);
}
/* line 8211, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-thumb--modern {
background: rgba(185, 255, 102, 0.12);
}
/* line 8215, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-label {
font-size: 10px;
font-weight: 500;
color: rgba(25, 26, 35, 0.7);
line-height: 1.2;
}
/* line 8222, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card.is-active .ats-template-label {
color: var(--ats-charcoal);
}
/* line 8226, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-check {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 999px;
background: var(--ats-accent);
color: var(--ats-charcoal);
opacity: 0;
transform: scale(0.85);
transition: opacity 0.15s ease, transform 0.15s ease;
}
/* line 8240, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-card.is-active .ats-template-check {
opacity: 1;
transform: scale(1);
}
/* line 8245, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-template-check svg {
width: 10px;
height: 10px;
}
/* line 8250, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 16px;
border: 1px solid var(--ats-border);
border-radius: 8px;
padding: 12px 16px;
background: #ffffff;
}
/* line 8262, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-label {
font-size: 12px;
font-weight: 500;
text-transform: none;
color: var(--ats-charcoal);
}
/* line 8269, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-options {
display: flex;
gap: 8px;
}
/* line 8274, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-pill {
border: 1px solid transparent;
background: var(--ats-muted-bg);
padding: 4px 12px;
font-size: 10px;
font-weight: 600;
cursor: pointer;
text-transform: none;
border-radius: 6px;
color: rgba(25, 26, 35, 0.7);
}
/* line 8286, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-pill:hover {
color: var(--ats-charcoal);
}
/* line 8290, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-setting-pill.is-active {
background: var(--ats-charcoal);
color: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 8296, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-info-card {
border: 1px solid var(--ats-border);
border-radius: 12px;
padding: 14px;
background: #ffffff;
margin-bottom: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 8305, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-info-card--highlight {
background: rgba(185, 255, 102, 0.05);
}
/* line 8309, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-info-card h3, .ats-optimizer-tab-content .ats-info-card .h3 {
margin: 0 0 6px;
font-size: 12px;
font-weight: 600;
text-transform: none;
letter-spacing: 0.01em;
}
/* line 8317, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-info-card ul {
margin: 0;
padding-left: 18px;
font-size: 12px;
}
/* line 8323, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-highlight-pill {
background: #fef08a;
padding: 0 4px;
}
/* line 8328, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-tab-bar {
display: flex;
gap: 4px;
padding: 8px 12px;
background: #ffffff;
border: 1px solid var(--ats-border);
border-bottom: none;
border-radius: 12px 12px 0 0;
box-shadow: none;
margin-bottom: 0;
position: sticky;
top: 0;
z-index: 10;
}
/* line 8343, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-tab {
border: 1px solid transparent;
background: transparent;
padding: 6px 12px;
font-size: 12px;
font-weight: 500;
text-transform: none;
border-radius: 8px;
cursor: pointer;
color: var(--ats-muted);
white-space: nowrap;
transition: all 0.15s ease;
}
/* line 8357, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-tab:hover {
background: rgba(25, 26, 35, 0.06);
color: var(--ats-charcoal);
}
/* line 8362, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-tab.is-active {
background: var(--ats-charcoal);
color: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 8368, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-body {
flex: 0 0 auto;
overflow-y: auto;
overflow-x: hidden;
padding: 16px;
background: rgba(25, 26, 35, 0.03);
border: 1px solid var(--ats-border);
border-top: none;
border-radius: 0 0 12px 12px;
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 0;
min-height: 600px;
}
@media (min-width: 1024px) {
/* line 8385, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-body {
max-height: calc(100vh - 200px);
}
}
/* line 8390, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-panel.is-hidden {
display: none;
}
/* line 8394, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-panel {
margin-top: 0;
}
/* line 8398, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-canvas {
background: transparent;
padding: 0;
border: none;
border-radius: 0;
min-height: 0;
box-shadow: none;
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 0;
}
/* line 8412, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-canvas[data-page-size="A4"] {
--ats-page-width: 595px;
--ats-page-min-height: 842px;
}
/* line 8417, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-canvas[data-page-size="LETTER"] {
--ats-page-width: 612px;
--ats-page-min-height: 792px;
}
/* line 8422, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-canvas .ats-resume {
width: 100%;
max-width: var(--ats-page-width, 595px);
min-height: var(--ats-page-min-height, auto);
margin: 0 auto;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
min-width: 0;
}
/* line 8432, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-preview-canvas {
justify-content: center;
}
/* line 8436, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-optimizer-dashboard.is-focus .ats-preview-canvas .ats-resume {
width: 100%;
max-width: 100%;
}
/* line 8441, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-letter {
background: #ffffff;
border: 1px solid var(--ats-border);
border-radius: 8px;
padding: 32px;
font-size: 11px;
line-height: 1.35;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
max-width: 595px;
margin: 0 auto;
width: 100%;
font-family: "Inter", "Segoe UI", Arial, sans-serif;
color: var(--ats-charcoal);
}
/* line 8457, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-preview-letter p {
margin: 0 0 12px;
}
/* line 8461, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume--placeholder {
border-style: dashed;
box-shadow: none;
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 8469, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-line {
height: 10px;
border-radius: 999px;
background: rgba(25, 26, 35, 0.08);
}
/* line 8475, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-line.is-xl {
width: 60%;
height: 14px;
}
/* line 8480, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-line.is-lg {
width: 45%;
}
/* line 8484, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-line.is-md {
width: 30%;
}
/* line 8488, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-line.is-sm {
width: 25%;
}
/* line 8492, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-divider {
height: 1px;
background: rgba(25, 26, 35, 0.12);
margin: 6px 0;
}
/* line 8498, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-block {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 8504, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-placeholder-hint {
margin-top: auto;
font-size: 12px;
color: rgba(25, 26, 35, 0.5);
}
/* line 8510, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-score {
display: flex;
gap: 16px;
font-size: 11px;
font-weight: 600;
margin-bottom: 0;
background: #ffffff;
border: 1px solid var(--ats-border);
border-radius: 8px;
padding: 10px 12px;
}
/* line 8522, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-grid {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
}
@media (min-width: 1100px) {
/* line 8529, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-grid {
grid-template-columns: minmax(220px, 0.6fr) minmax(0, 1.4fr);
}
}
/* line 8534, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-column {
background: #ffffff;
border: 1px solid var(--ats-border);
border-radius: 12px;
padding: 14px;
min-height: 260px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 8543, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-column h3, .ats-optimizer-tab-content .ats-jd-column .h3 {
margin: 0 0 8px;
font-size: 12px;
text-transform: none;
letter-spacing: 0.01em;
}
/* line 8550, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-copy {
font-size: 12px;
color: rgba(25, 26, 35, 0.85);
margin-bottom: 12px;
}
/* line 8556, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-resume {
max-height: none;
overflow-x: hidden;
overflow-y: visible;
}
/* line 8562, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-jd-resume .ats-resume {
width: 100%;
max-width: 100%;
border: 1px solid rgba(25, 26, 35, 0.08);
border-radius: 14px;
box-shadow: none;
}
/* line 8570, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-highlight {
background: #fef08a;
padding: 0 2px;
}
/* line 8575, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-builder-footer {
border: 1px solid var(--ats-border);
padding: 10px 16px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 10px;
text-transform: none;
letter-spacing: 0.02em;
background: #ffffff;
border-radius: 8px;
margin-top: 12px;
}
/* line 8589, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-footer-brand {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ats-muted);
}
/* line 8596, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-footer-meta {
display: flex;
gap: 8px;
align-items: center;
color: var(--ats-muted);
}
/* line 8603, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-footer-divider {
color: rgba(25, 26, 35, 0.5);
}
/* line 8608, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume {
--ats-resume-accent: #b9ff66;
--ats-resume-accent-light: #ecfccb;
--ats-resume-font-size: 11px;
--ats-resume-line-height: 1.35;
--ats-resume-header-scale: 1.64;
background: #ffffff;
border: 1px solid var(--ats-border);
border-radius: 8px;
padding: 32px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: var(--ats-charcoal);
font-size: var(--ats-resume-font-size);
line-height: var(--ats-resume-line-height);
font-family: "Inter", "Segoe UI", Arial, sans-serif;
text-align: left;
width: 100%;
max-width: 100%;
}
/* line 8631, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume *,
.ats-optimizer-tab-content .ats-resume *::before,
.ats-optimizer-tab-content .ats-resume *::after {
box-sizing: border-box;
}
/* line 8637, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume,
.ats-optimizer-tab-content .ats-resume * {
font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
}
/* line 8642, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume--modern,
.ats-optimizer-tab-content .ats-resume--modern-two-column {
font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
/* line 8647, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-header {
border-bottom: 2px solid var(--ats-resume-accent);
padding-bottom: 16px;
margin-bottom: 20px;
text-align: center;
}
/* line 8654, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-name {
font-size: calc(var(--ats-resume-font-size) * var(--ats-resume-header-scale));
font-weight: 700;
text-transform: none;
letter-spacing: 0.04em;
margin-bottom: 2px;
}
/* line 8662, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-title {
font-size: 12px;
font-weight: 500;
color: var(--ats-muted);
margin-bottom: 0;
}
/* line 8669, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-underline {
width: 60px;
height: 3px;
background: var(--ats-resume-accent);
margin: 0 auto 8px;
}
/* line 8676, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-meta {
font-size: 10px;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 8px;
column-gap: 8px;
row-gap: 2px;
color: var(--ats-muted);
justify-content: center;
font-weight: 500;
margin-top: 8px;
}
/* line 8688, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-sep {
color: rgba(25, 26, 35, 0.3);
}
/* line 8692, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-section {
margin-bottom: 16px;
}
/* line 8696, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-section:last-child {
margin-bottom: 0;
}
/* line 8700, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-section-title,
.ats-optimizer-tab-content .ats-resume-section-title-sm {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
border-bottom: 1px solid var(--ats-border);
padding-bottom: 4px;
margin-bottom: 8px;
letter-spacing: 0.08em;
overflow-wrap: anywhere;
}
/* line 8712, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-section-title-accent,
.ats-optimizer-tab-content .ats-resume-section-title-accent-sm {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
border-bottom: 1px solid var(--ats-border);
padding-bottom: 4px;
margin-bottom: 8px;
letter-spacing: 0.08em;
color: var(--ats-charcoal);
overflow-wrap: anywhere;
}
/* line 8725, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-text {
font-size: 10.5px;
line-height: 1.6;
margin: 0;
color: rgba(25, 26, 35, 0.8);
}
/* line 8732, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry {
margin-bottom: 12px;
}
/* line 8736, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-header {
display: flex;
justify-content: space-between;
gap: 8px;
align-items: flex-start;
}
/* line 8743, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-title {
font-weight: 600;
font-size: 11px;
overflow-wrap: anywhere;
}
/* line 8749, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-subtitle {
font-size: 10px;
color: var(--ats-muted);
overflow-wrap: anywhere;
font-weight: 500;
}
/* line 8756, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-date {
font-size: 10px;
color: var(--ats-muted);
white-space: nowrap;
text-align: right;
}
/* line 8763, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-list {
margin: 4px 0 0 12px;
padding: 0;
list-style: disc;
}
/* line 8769, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-entry-list li {
margin-bottom: 2px;
font-size: 10px;
line-height: 1.6;
color: rgba(25, 26, 35, 0.7);
}
/* line 8776, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-skill-list {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
/* line 8785, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-skill {
font-size: 9px;
font-weight: 500;
padding: 2px 6px;
border-radius: 4px;
background: rgba(25, 26, 35, 0.06);
color: rgba(25, 26, 35, 0.7);
}
/* line 8794, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-grid {
display: grid;
gap: 16px;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.38fr);
align-items: start;
}
/* line 8801, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-side .ats-resume-entry-header {
grid-template-columns: 1fr;
}
/* line 8805, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-side .ats-resume-entry-date {
text-align: left;
white-space: normal;
}
/* line 8810, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-main {
padding-right: 12px;
border-right: 1px solid rgba(25, 26, 35, 0.2);
min-width: 0;
}
/* line 8816, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume-side {
min-width: 0;
}
/* line 8820, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-resume--modern-two-column .ats-resume-main,
.ats-optimizer-tab-content .ats-resume--modern .ats-resume-main {
border-right-color: var(--ats-resume-accent);
}
/* line 8825, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-muted {
font-size: 12px;
color: var(--ats-muted);
}
/* line 8830, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .is-hidden {
display: none;
}
/* line 8834, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-questions {
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 8840, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-label {
display: block;
font-size: 11px;
font-weight: 600;
margin-bottom: 6px;
}
/* line 8847, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
/* line 8853, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-preview {
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 8859, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-preview-item {
border-radius: 12px;
border: 1px solid rgba(25, 26, 35, 0.1);
padding: 10px 12px;
background: rgba(25, 26, 35, 0.03);
}
/* line 8866, app/assets/stylesheets/pages/_profile_edit_aihunt.scss */
.ats-optimizer-tab-content .ats-enrichment-title {
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
}
/* ============================================
CONTRIBUTION MODAL - ABSOLUTE LAST OVERRIDE
============================================ */
/* line 23317, app/assets/stylesheets/application.scss */
#contribution-modal select,
#contribution-modal select.contribution-type-select,
#contribution-modal #learn_contribution_resource_type,
select.contribution-type-select,
select#learn_contribution_resource_type {
background-color: #FAFAFA !important;
background: #FAFAFA !important;
color: #191A23 !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
border-radius: 12px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
padding: 12px 16px !important;
padding-right: 40px !important;
font-size: 14px !important;
font-weight: 500 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
line-height: 1.25 !important;
}
/* line 23345, app/assets/stylesheets/application.scss */
#contribution-modal input[type="text"],
#contribution-modal input#learn_contribution_author_source {
background-color: #FAFAFA !important;
background: #FAFAFA !important;
color: #191A23 !important;
border: 1px solid rgba(25, 26, 35, 0.1) !important;
border-radius: 12px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
padding: 12px 16px !important;
font-size: 14px !important;
font-weight: 500 !important;
box-sizing: border-box !important;
}
/* line 39, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-header .modern-nav-item:hover,
body.employer-dashboard-page .modern-header .modern-nav-item:focus,
body.employer-dashboard-page .modern-header .modern-nav-item.active {
background: rgba(25, 26, 35, 0.05) !important;
color: #191A23 !important;
transform: none !important;
box-shadow: none !important;
}
/* line 47, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-header .modern-nav-item:focus-visible {
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.35) !important;
}
/* line 52, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .employer-account-pill,
body.employer-dashboard-page .modern-profile-section .employer-account-pill__label {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* line 56, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .employer-account-pill {
padding: 6px 14px;
border-radius: 999px;
background: #ffffff !important;
border: 1px solid rgba(25, 26, 35, 0.12);
box-shadow: 0 1px 2px rgba(25, 26, 35, 0.04), 0 4px 12px rgba(25, 26, 35, 0.04);
}
/* line 63, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .employer-account-pill__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #B9FF66 !important;
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.22);
flex: 0 0 auto;
}
/* line 70, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .employer-account-pill__label {
font-size: 12px;
font-weight: 600;
color: rgba(25, 26, 35, 0.8);
letter-spacing: -0.005em;
}
/* line 78, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .nav-avatar-link {
padding: 0 !important;
border-radius: 50% !important;
background: transparent !important;
transform: none !important;
box-shadow: none !important;
}
/* line 86, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .nav-avatar-link.dropdown-toggle::after {
display: none !important;
}
/* line 90, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .nav-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: #B9FF66 !important;
color: #191A23 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.02em;
border: 1px solid #191A23;
box-shadow: 0 4px 14px rgba(185, 255, 102, 0.32);
transition: transform 220ms ease, box-shadow 220ms ease;
}
/* line 107, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .modern-profile-section .nav-avatar-link:hover .nav-avatar {
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(185, 255, 102, 0.42);
}
/* line 115, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-wrapper {
list-style: none;
margin: 4px 0 0;
padding: 0;
border-top: 1px solid rgba(25, 26, 35, 0.04);
}
/* line 121, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-form {
margin: 0 !important;
padding: 0;
}
/* line 122, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-btn {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
padding: 10px 16px;
background: transparent !important;
color: #DC2626 !important;
border: 0 !important;
border-radius: 0 0 8px 8px !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 14px;
font-weight: 500;
text-align: left;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 141, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-btn:hover,
body.employer-dashboard-page .dropdown-logout-btn:focus {
background-color: rgba(220, 38, 38, 0.06) !important;
color: #DC2626 !important;
box-shadow: none !important;
outline: none !important;
}
/* line 148, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-btn:focus-visible {
box-shadow: inset 0 0 0 2px rgba(220, 38, 38, 0.3) !important;
}
/* line 151, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-btn__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
color: #DC2626;
opacity: 0.8;
}
/* line 160, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
body.employer-dashboard-page .dropdown-logout-btn:hover .dropdown-logout-btn__icon {
opacity: 1;
}
/* line 167, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope {
--ink: #191A23;
--ink-80: rgba(25, 26, 35, 0.8);
--ink-60: rgba(25, 26, 35, 0.55);
--ink-40: rgba(25, 26, 35, 0.38);
--ink-20: rgba(25, 26, 35, 0.18);
--ink-12: rgba(25, 26, 35, 0.12);
--ink-08: rgba(25, 26, 35, 0.08);
--ink-04: rgba(25, 26, 35, 0.04);
--paper: #ffffff;
--paper-glass: rgba(255, 255, 255, 0.84);
--canvas: #F3F3F3;
--lime: #B9FF66;
--lime-strong: #a3e635;
--lime-soft: rgba(185, 255, 102, 0.22);
--lime-tint: rgba(185, 255, 102, 0.1);
--success: #10b981;
--danger: #DC2626;
--r-sm: 12px;
--r-md: 16px;
--r-lg: 20px;
--shadow-sm: 0 1px 2px rgba(25, 26, 35, 0.04), 0 4px 12px rgba(25, 26, 35, 0.04);
--shadow-md: 0 4px 20px rgba(25, 26, 35, 0.06);
--shadow-lg: 0 18px 34px rgba(25, 26, 35, 0.12);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: var(--ink);
}
/* line 169, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope a, .my-dashboard-scope a:link, .my-dashboard-scope a:visited, .my-dashboard-scope a:hover, .my-dashboard-scope a:active {
color: inherit;
}
/* line 170, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pagination .page-item.active .page-link,
.my-dashboard-scope .pagination .page-link:hover,
.my-dashboard-scope .pagination .page-link:focus {
background-color: #B9FF66 !important;
border-color: #191A23 !important;
color: #191A23 !important;
box-shadow: none !important;
}
/* line 178, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pagination .page-link {
color: #191A23 !important;
border-color: rgba(25, 26, 35, 0.12) !important;
border-radius: 999px !important;
}
/* line 183, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-btn-primary, .my-dashboard-scope .my-btn-primary:hover, .my-dashboard-scope .my-btn-primary:focus,
.my-dashboard-scope .my-btn-primary-paid, .my-dashboard-scope .my-btn-primary-paid:hover {
background: #B9FF66 !important;
border-color: #191A23 !important;
color: #191A23 !important;
}
/* line 189, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope [style*="border: 1px solid pink"], .my-dashboard-scope [style*="border:1px solid pink"] {
border: 0 !important;
}
/* line 219, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope.employer-dashboard-shell {
padding-top: 0.75rem;
padding-bottom: 4rem;
}
/* line 222, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > * {
opacity: 0;
transform: translateY(8px);
animation: stagFade 600ms cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(1) {
animation-delay: 60ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(2) {
animation-delay: 100ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(3) {
animation-delay: 140ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(4) {
animation-delay: 180ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(5) {
animation-delay: 220ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(6) {
animation-delay: 260ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(7) {
animation-delay: 300ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(8) {
animation-delay: 340ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(9) {
animation-delay: 380ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(10) {
animation-delay: 420ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(11) {
animation-delay: 460ms;
}
/* line 228, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .stagger > *:nth-child(12) {
animation-delay: 500ms;
}
@keyframes stagFade {
to {
opacity: 1;
transform: none;
}
}
/* line 233, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1.75rem;
}
@media (min-width: 720px) {
/* line 240, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 1.5rem;
}
}
/* line 247, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--ink-60);
margin-bottom: 0.625rem;
}
/* line 258, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__eyebrow::before {
content: "";
width: 22px;
height: 2px;
background: var(--lime-strong);
border-radius: 999px;
}
/* line 265, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__title {
font-family: 'Inter', sans-serif;
font-size: clamp(1.875rem, 3.6vw, 2.5rem);
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.08;
color: var(--ink);
margin: 0;
}
/* line 275, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__title .lime-highlight {
position: relative;
display: inline-block;
white-space: nowrap;
z-index: 0;
color: var(--ink);
}
/* line 282, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__title .lime-highlight::after {
content: "";
position: absolute;
z-index: -1;
left: -0.04em;
right: -0.05em;
bottom: 0.08em;
height: 0.28em;
border-radius: 999px;
background: var(--lime-strong);
transform: rotate(-1.2deg) scaleX(0);
transform-origin: left center;
animation: limeMarkerDraw 0.95s cubic-bezier(0.65, 0, 0.35, 1) 0.45s forwards;
}
@keyframes limeMarkerDraw {
0% {
transform: rotate(-1.2deg) scaleX(0);
}
60% {
transform: rotate(-1.2deg) scaleX(1.02);
}
100% {
transform: rotate(-1.2deg) scaleX(1);
}
}
/* line 301, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__sub {
margin-top: 0.625rem;
font-size: 0.875rem;
color: var(--ink-60);
display: inline-flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
line-height: 1.5;
}
/* line 311, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__sub strong {
color: var(--ink);
font-weight: 600;
}
/* line 312, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-page-header__sub-divider {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--ink-20);
}
/* line 320, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-grid {
display: grid;
grid-template-columns: 1.35fr 1fr 1fr 1fr;
gap: 14px;
margin-bottom: 1.75rem;
}
@media (max-width: 1100px) {
/* line 326, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 560px) {
/* line 327, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-grid {
grid-template-columns: 1fr;
}
}
/* line 329, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card {
position: relative;
background: var(--paper);
border: 1px solid var(--ink-08);
border-radius: var(--r-md);
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
min-height: 132px;
box-shadow: var(--shadow-sm);
transition: transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 220ms ease, border-color 220ms ease;
overflow: hidden;
}
/* line 343, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: var(--ink-12);
}
/* line 348, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
/* line 354, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__label {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--ink-60);
}
/* line 361, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__icon {
width: 32px;
height: 32px;
border-radius: 10px;
background: var(--ink-04);
color: var(--ink-60);
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
/* line 372, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__icon .lu-icon {
width: 16px;
height: 16px;
}
/* line 373, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__value {
font-family: 'Inter', sans-serif;
font-size: clamp(2rem, 3.6vw, 2.5rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.025em;
color: var(--ink);
margin-top: auto;
}
/* line 382, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__value--lime {
color: var(--ink);
position: relative;
display: inline-block;
}
/* line 387, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__value--lime::after {
content: "";
position: absolute;
left: -0.04em;
right: -0.04em;
bottom: 0.06em;
height: 0.26em;
border-radius: 999px;
background: var(--lime-strong);
z-index: -1;
transform: rotate(-1deg);
}
/* line 398, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card__meta {
font-size: 0.78rem;
color: var(--ink-60);
}
/* line 404, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card.kpi-card--hero {
background: var(--ink);
color: #fff;
border-color: var(--ink);
box-shadow: 0 18px 34px rgba(25, 26, 35, 0.2);
}
/* line 410, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card.kpi-card--hero .kpi-card__label {
color: rgba(255, 255, 255, 0.6);
}
/* line 411, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card.kpi-card--hero .kpi-card__value {
color: #fff;
}
/* line 412, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card.kpi-card--hero .kpi-card__meta {
color: rgba(255, 255, 255, 0.65);
}
/* line 413, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .kpi-card.kpi-card--hero .kpi-card__icon {
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.8);
}
/* line 419, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section {
margin-bottom: 2rem;
}
/* line 420, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0.875rem;
padding: 0 0.25rem;
}
/* line 428, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__title {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.05rem;
font-weight: 600;
letter-spacing: -0.015em;
color: var(--ink);
}
/* line 437, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__title .lu-icon {
width: 16px;
height: 16px;
color: var(--ink-40);
}
/* line 438, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__sub {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ink-40);
}
/* line 445, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__action {
font-size: 0.78rem;
font-weight: 600;
color: var(--ink-60);
text-decoration: none;
border-bottom: 1px dotted var(--ink-40);
transition: color 140ms ease;
}
/* line 453, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-section__action:hover {
color: var(--ink);
border-bottom-style: solid;
}
/* line 456, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card {
background: var(--paper);
border: 1px solid var(--ink-08);
border-radius: var(--r-md);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: box-shadow 220ms ease, border-color 220ms ease;
}
/* line 464, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card:hover {
border-color: var(--ink-12);
box-shadow: var(--shadow-md);
}
/* line 465, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card__header {
padding: 1.125rem 1.25rem;
border-bottom: 1px solid var(--ink-04);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
/* line 473, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card__title {
font-size: 0.95rem;
font-weight: 600;
letter-spacing: -0.005em;
color: var(--ink);
}
/* line 479, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card__subtitle {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ink-40);
margin-top: 0.25rem;
}
/* line 487, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-card__body {
padding: 1.25rem;
}
/* line 490, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile {
position: relative;
display: flex;
align-items: center;
gap: 0.875rem;
padding: 1.125rem 1.25rem;
background: var(--paper);
border: 1px solid var(--ink-08);
border-radius: var(--r-md);
text-decoration: none;
box-shadow: var(--shadow-sm);
transition: transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 220ms ease, border-color 220ms ease;
overflow: hidden;
cursor: pointer;
text-align: left;
width: 100%;
}
/* line 507, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile:hover {
transform: translateY(-2px);
border-color: var(--ink-12);
box-shadow: var(--shadow-md);
}
/* line 512, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile:hover .action-tile__arrow {
transform: translateX(3px);
color: var(--ink);
}
/* line 516, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--lime {
background: var(--lime);
border-color: rgba(25, 26, 35, 0.08);
box-shadow: 0 6px 20px rgba(185, 255, 102, 0.28);
}
/* line 521, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--lime:hover {
box-shadow: 0 10px 28px rgba(185, 255, 102, 0.36);
}
/* line 522, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--dark {
background: var(--ink);
color: #fff;
border-color: var(--ink);
}
/* line 527, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--dark .action-tile__title {
color: #fff;
}
/* line 528, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--dark .action-tile__meta {
color: rgba(255, 255, 255, 0.6);
}
/* line 529, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--dark .action-tile__icon {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
/* line 530, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile--dark .action-tile__arrow {
color: rgba(255, 255, 255, 0.6);
}
/* line 531, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__icon {
width: 40px;
height: 40px;
border-radius: 12px;
background: var(--ink-04);
color: var(--ink);
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
/* line 541, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__icon .lu-icon {
width: 20px;
height: 20px;
}
/* line 542, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__body {
flex: 1;
min-width: 0;
}
/* line 543, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__title {
font-size: 0.95rem;
font-weight: 600;
color: var(--ink);
display: block;
line-height: 1.2;
letter-spacing: -0.005em;
}
/* line 551, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__meta {
margin-top: 0.25rem;
font-size: 0.78rem;
color: var(--ink-60);
display: block;
}
/* line 557, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__arrow {
color: var(--ink-40);
transition: transform 220ms ease, color 220ms ease;
}
/* line 561, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .action-tile__arrow .lu-icon {
width: 18px;
height: 18px;
}
/* line 564, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill {
display: inline-flex;
align-items: center;
gap: 0.3rem;
padding: 0.18rem 0.55rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 600;
line-height: 1.4;
}
/* line 574, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill .lu-icon {
width: 0.75rem;
height: 0.75rem;
}
/* line 576, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--lime {
background: var(--lime);
color: var(--ink);
}
/* line 577, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--lime-soft {
background: var(--lime-tint);
color: var(--ink);
}
/* line 578, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--success {
background: rgba(16, 185, 129, 0.12);
color: var(--success);
}
/* line 579, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--grey {
background: var(--ink-08);
color: var(--ink-60);
}
/* line 580, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--dark {
background: var(--ink);
color: var(--lime);
}
/* line 581, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .pill--danger {
background: rgba(220, 38, 38, 0.1);
color: var(--danger);
}
/* line 584, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .live-status {
display: inline-flex;
align-items: center;
gap: 0.375rem;
font-size: 0.78rem;
font-weight: 600;
color: var(--ink-80);
}
/* line 592, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .live-status__dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--success);
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18);
}
/* line 600, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-mint, .my-dashboard-scope .btn-dark, .my-dashboard-scope .btn-ghost, .my-dashboard-scope .btn-lime {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.7rem 1.25rem;
font-family: 'Inter', sans-serif;
font-size: 0.825rem;
font-weight: 600;
border-radius: var(--r-sm);
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
line-height: 1;
letter-spacing: -0.005em;
transition: all 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
/* line 617, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-mint:focus-visible, .my-dashboard-scope .btn-dark:focus-visible, .my-dashboard-scope .btn-ghost:focus-visible, .my-dashboard-scope .btn-lime:focus-visible {
outline: 2px solid var(--lime);
outline-offset: 2px;
}
/* line 621, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-mint .lu-icon, .my-dashboard-scope .btn-dark .lu-icon, .my-dashboard-scope .btn-ghost .lu-icon, .my-dashboard-scope .btn-lime .lu-icon {
width: 16px;
height: 16px;
flex: 0 0 auto;
}
/* line 624, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-lime, .my-dashboard-scope .btn-mint {
background: var(--lime);
color: var(--ink);
box-shadow: 0 4px 12px rgba(185, 255, 102, 0.28);
}
/* line 629, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-lime:hover, .my-dashboard-scope .btn-mint:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(185, 255, 102, 0.36);
color: var(--ink);
}
/* line 637, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-dark,
.my-dashboard-scope a.btn-dark,
.my-dashboard-scope button.btn-dark {
background: var(--ink) !important;
color: #fff !important;
border-color: var(--ink) !important;
box-shadow: 0 18px 34px rgba(25, 26, 35, 0.2);
}
/* line 645, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-dark:hover,
.my-dashboard-scope a.btn-dark:hover,
.my-dashboard-scope button.btn-dark:hover {
transform: translateY(-1px);
box-shadow: 0 22px 44px rgba(25, 26, 35, 0.28);
color: #fff !important;
background: var(--ink) !important;
}
/* line 654, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-dark *,
.my-dashboard-scope .btn-dark span,
.my-dashboard-scope .btn-dark .lu-icon {
color: #fff !important;
stroke: currentColor;
}
/* line 657, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-ghost {
background: var(--paper) !important;
color: var(--ink) !important;
border: 1px solid var(--ink-12) !important;
box-shadow: var(--shadow-sm) !important;
}
/* line 663, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-ghost:hover {
border-color: var(--ink-20) !important;
color: var(--ink) !important;
background: var(--paper) !important;
transform: translateY(-1px);
}
/* line 672, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-quiet {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.5rem 0.875rem;
font-family: 'Inter', sans-serif;
font-size: 0.78rem;
font-weight: 500;
border-radius: var(--r-sm);
text-decoration: none;
line-height: 1;
background: transparent !important;
color: var(--ink-60) !important;
border: 1px solid var(--ink-08) !important;
cursor: pointer;
transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 691, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-quiet:hover {
color: var(--danger) !important;
border-color: rgba(220, 38, 38, 0.25) !important;
background: rgba(220, 38, 38, 0.04) !important;
transform: none !important;
box-shadow: none !important;
}
/* line 698, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-quiet:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18) !important;
}
/* line 702, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-quiet .lu-icon {
width: 14px;
height: 14px;
opacity: 0.7;
}
/* line 703, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .btn-quiet:hover .lu-icon {
opacity: 1;
}
/* line 707, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity {
display: flex;
flex-direction: column;
}
/* line 708, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__row {
display: grid;
grid-template-columns: 32px minmax(0, 1fr) auto;
gap: 0.75rem;
align-items: center;
padding: 0.875rem 1.25rem;
border-bottom: 1px solid var(--ink-04);
min-height: 64px;
}
/* line 717, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__row:last-child {
border-bottom: 0;
}
/* line 718, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__row:hover {
background: rgba(243, 243, 243, 0.5);
}
/* line 719, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__icon {
width: 32px;
height: 32px;
border-radius: 10px;
background: var(--ink-04);
color: var(--ink-60);
display: inline-flex;
align-items: center;
justify-content: center;
}
/* line 728, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__icon .lu-icon {
width: 14px;
height: 14px;
}
/* line 729, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__icon--lime {
background: var(--lime-tint);
color: var(--ink);
}
/* line 730, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__icon--grey {
background: var(--ink-04);
color: var(--ink-60);
}
/* line 731, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__icon--dark {
background: var(--ink);
color: var(--lime);
}
/* line 732, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__text {
font-size: 0.85rem;
color: var(--ink-80);
line-height: 1.5;
}
/* line 737, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__text strong {
color: var(--ink);
font-weight: 600;
}
/* line 738, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .activity__time {
font-size: 0.72rem;
color: var(--ink-40);
white-space: nowrap;
}
/* line 745, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline {
display: flex;
align-items: flex-end;
gap: 0.5rem;
height: 120px;
padding-top: 0.5rem;
border-bottom: 1px solid var(--ink-08);
}
/* line 753, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline__bar {
flex: 1;
min-width: 14px;
background: linear-gradient(180deg, var(--lime) 0%, rgba(185, 255, 102, 0.6) 100%);
border-radius: 6px 6px 0 0;
transition: background 160ms ease;
}
/* line 760, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline__bar:hover {
background: var(--ink);
}
/* line 761, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline__bar--empty {
background: var(--ink-04);
}
/* line 762, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline__labels {
display: flex;
gap: 0.5rem;
margin-top: 0.625rem;
font-size: 0.66rem;
font-weight: 600;
color: var(--ink-40);
text-transform: uppercase;
letter-spacing: 0.08em;
}
/* line 772, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .sparkline__label {
flex: 1;
text-align: center;
}
/* line 775, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
/* line 776, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution__row {
display: grid;
grid-template-columns: 86px minmax(0, 1fr) 48px;
gap: 0.875rem;
align-items: center;
font-size: 0.8rem;
}
/* line 783, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution__label {
font-size: 0.78rem;
font-weight: 600;
color: var(--ink-60);
}
/* line 788, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution__track {
height: 8px;
background: var(--ink-04);
border-radius: 999px;
overflow: hidden;
}
/* line 794, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution__fill {
height: 100%;
background: var(--lime);
border-radius: 999px;
transition: width 320ms ease;
}
/* line 800, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .distribution__count {
text-align: right;
font-weight: 700;
color: var(--ink);
}
/* line 807, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .empty-state {
text-align: center;
padding: 3rem 1.5rem;
}
/* line 811, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .empty-state__icon {
width: 52px;
height: 52px;
border-radius: 14px;
background: var(--lime-tint);
color: var(--ink);
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
/* line 822, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .empty-state__icon .lu-icon {
width: 22px;
height: 22px;
}
/* line 823, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .empty-state__title {
font-size: 1rem;
font-weight: 600;
color: var(--ink);
margin-bottom: 0.375rem;
letter-spacing: -0.005em;
}
/* line 830, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .empty-state__body {
font-size: 0.85rem;
color: var(--ink-60);
max-width: 380px;
margin: 0 auto 1rem;
line-height: 1.5;
}
/* line 839, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
flex: 0 0 auto;
}
/* line 846, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* line 847, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle__slider {
width: 40px;
height: 22px;
background: var(--ink-20);
border-radius: 999px;
position: relative;
transition: background 180ms ease;
}
/* line 854, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle__slider::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: transform 180ms ease;
}
/* line 864, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle input:checked + .my-toggle__slider {
background: var(--lime);
}
/* line 867, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle input:checked + .my-toggle__slider::after {
transform: translateX(18px);
}
/* line 868, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-toggle input:focus-visible + .my-toggle__slider {
box-shadow: 0 0 0 3px rgba(185, 255, 102, 0.32);
}
/* line 873, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table {
width: 100%;
border-collapse: collapse;
font-size: 0.875rem;
}
/* line 878, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table thead th {
background: var(--canvas);
padding: 0.75rem 1.25rem;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
color: var(--ink-60);
text-align: left;
border-bottom: 1px solid var(--ink-04);
}
/* line 889, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table tbody td {
padding: 0.875rem 1.25rem;
border-bottom: 1px solid var(--ink-04);
vertical-align: middle;
min-height: 64px;
}
/* line 895, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table tbody tr {
transition: background 140ms ease;
}
/* line 896, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table tbody tr:last-child td {
border-bottom: 0;
}
/* line 897, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table tbody tr:hover {
background: rgba(243, 243, 243, 0.45);
}
/* line 898, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table tbody tr:hover .my-table__row-actions {
opacity: 1;
}
/* line 899, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-table__row-actions {
display: inline-flex;
gap: 0.375rem;
opacity: 0.7;
transition: opacity 160ms ease;
}
/* line 910, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope input.my-input,
.my-dashboard-scope select.my-select,
.my-dashboard-scope .my-dashboard-scope .my-input,
.my-dashboard-scope .my-dashboard-scope .my-select {
width: 100% !important;
background-color: var(--paper) !important;
border: 1px solid var(--ink-08) !important;
border-radius: 999px !important;
-webkit-border-radius: 999px !important;
padding: 0.65rem 1.125rem !important;
font-family: 'Inter', sans-serif !important;
font-size: 0.875rem !important;
color: var(--ink) !important;
transition: border-color 160ms ease, box-shadow 160ms ease !important;
-moz-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
height: auto !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
/* line 930, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope input.my-input:hover,
.my-dashboard-scope select.my-select:hover {
border-color: var(--ink-20) !important;
}
/* line 934, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope input.my-input:focus,
.my-dashboard-scope select.my-select:focus {
outline: none !important;
border-color: var(--ink) !important;
box-shadow: 0 0 0 4px rgba(185, 255, 102, 0.22) !important;
}
/* line 940, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope select.my-select {
padding-right: 2.5rem !important;
background-image: url("data:image/svg+xml;utf8,
") !important;
background-repeat: no-repeat !important;
background-position: right 0.875rem center !important;
background-size: 14px !important;
cursor: pointer !important;
}
/* line 948, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-field-label {
display: block;
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ink-60);
margin-bottom: 0.375rem;
}
/* line 960, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-avatar {
width: 40px;
height: 40px;
border-radius: 999px;
background: var(--ink);
color: var(--lime);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.85rem;
flex: 0 0 auto;
}
/* line 973, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-avatar--sm {
width: 34px;
height: 34px;
font-size: 0.7rem;
border-radius: 10px;
background: var(--ink-04);
color: var(--ink-60);
}
/* line 980, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .my-avatar--lg {
width: 64px;
height: 64px;
font-size: 1.35rem;
}
/* line 983, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .coupon-chip {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.3rem 0.625rem;
background: var(--ink);
color: var(--lime);
border-radius: 8px;
font-family: 'Inter', sans-serif;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
}
/* line 998, app/assets/stylesheets/pages/_my_dashboard_scope.scss */
.my-dashboard-scope .lu-icon {
vertical-align: middle;
}
/* line 5, app/assets/stylesheets/jobs/_tokens.scss */
:root {
--df-paper: #FAFAFA;
--df-card: #FFFFFF;
--df-ink: #191A23;
--df-ink-muted: rgba(25, 26, 35, 0.70);
--df-ink-soft: rgba(25, 26, 35, 0.10);
--df-ink-faint: rgba(25, 26, 35, 0.05);
--df-accent: #B9FF66;
--df-accent-ink: #0F0F14;
--df-success: #10B981;
--df-apply-bg: #82c341;
--df-apply-fg: #0e2000;
--df-apply-bg-hover: #3b6a00;
--df-apply-fg-hover: #ffffff;
--df-ghost-border: #727a67;
--df-ghost-fg: #222222;
--df-ghost-bg-hover: #f6f4ec;
--df-company-link: #206c39;
--df-radius-sm: 8px;
--df-radius-md: 14px;
--df-radius-lg: 20px;
--df-radius-pill: 9999px;
--df-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
--df-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
--df-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.08);
--df-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--df-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--df-dur-fast: 120ms;
--df-dur-base: 180ms;
--df-header-h: 72px;
--df-sticky-h: 64px;
}
/* line 6, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail {
background: transparent;
color: var(--df-ink);
}
/* line 14, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-caption {
font-size: 11px;
line-height: 1.4;
letter-spacing: 0.02em;
color: var(--df-ink-muted);
}
/* line 15, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-body {
font-size: 14px;
line-height: 1.55;
color: var(--df-ink);
}
/* line 16, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-body-muted {
font-size: 14px;
line-height: 1.55;
color: var(--df-ink-muted);
}
/* line 17, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-heading {
font-size: 18px;
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--df-ink);
}
/* line 18, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-display {
font-size: 28px;
line-height: 1.15;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--df-ink);
}
@media (min-width: 768px) {
/* line 21, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-display {
font-size: 32px;
}
}
/* line 25, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-card {
background: var(--df-card);
border: 1px solid var(--df-ink-soft);
border-radius: var(--df-radius-md);
box-shadow: var(--df-shadow-sm);
}
/* line 32, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-card--inverse {
background: var(--df-ink);
color: #fff;
border-color: rgba(255, 255, 255, 0.08);
}
/* line 39, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 18px;
border-radius: var(--df-radius-pill);
background: var(--df-apply-bg);
color: var(--df-apply-fg);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
text-transform: none;
text-decoration: none;
border: 0;
cursor: pointer;
transition: background-color var(--df-dur-fast) var(--df-ease-out), transform var(--df-dur-fast) var(--df-ease-out);
}
/* line 58, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply:hover {
background: var(--df-apply-bg-hover);
color: var(--df-apply-fg-hover);
text-decoration: none;
}
/* line 64, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply:focus-visible {
outline: 2px solid var(--df-accent);
outline-offset: 2px;
transition: none;
}
/* line 70, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply:active {
transform: translateY(1px);
transition: none;
}
/* line 75, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply[disabled], .job-detail .df-apply[aria-disabled='true'] {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
/* line 83, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply[aria-busy='true'] .df-apply__label {
opacity: 0.7;
}
/* line 86, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply .df-apply__icon {
width: 14px;
height: 14px;
stroke-width: 1.75;
flex-shrink: 0;
}
/* line 94, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply.df-apply--inverse {
background: var(--df-apply-bg);
color: var(--df-apply-fg);
}
/* line 97, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply.df-apply--inverse:hover {
background: var(--df-apply-bg-hover);
color: var(--df-apply-fg-hover);
}
/* line 98, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply.df-apply--inverse:focus-visible {
outline-color: var(--df-apply-bg-hover);
}
/* line 102, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply.df-apply--block {
width: 100%;
padding: 12px 18px;
}
/* line 114, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-save-btn {
background: transparent !important;
border: 1px solid var(--df-ghost-border) !important;
color: var(--df-ghost-fg) !important;
border-radius: var(--df-radius-pill) !important;
height: auto !important;
padding: 12px 24px !important;
font-weight: 600 !important;
box-shadow: none !important;
transition: background-color var(--df-dur-fast) var(--df-ease-out) !important;
}
/* line 125, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-save-btn:hover {
background: var(--df-ghost-bg-hover) !important;
color: var(--df-ghost-fg) !important;
transform: none !important;
box-shadow: none !important;
}
/* line 136, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-company-link {
color: var(--df-company-link) !important;
}
@media (min-width: 1024px) {
/* line 144, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-sidebar {
position: sticky;
top: calc(var(--df-header-h) + 24px);
max-height: calc(100vh - var(--df-header-h) - 48px);
overflow-y: auto;
scrollbar-width: thin;
}
/* line 151, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-sidebar::-webkit-scrollbar {
width: 4px;
}
/* line 152, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-sidebar::-webkit-scrollbar-thumb {
background: var(--df-ink-soft);
border-radius: 4px;
}
}
/* line 157, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta {
margin-top: 32px;
background: var(--df-card);
border: 1px solid var(--df-ink-soft);
border-radius: var(--df-radius-lg);
box-shadow: var(--df-shadow-md);
overflow: hidden;
}
/* line 165, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__inner {
max-width: 640px;
margin: 0 auto;
padding: 40px 24px;
text-align: center;
}
@media (min-width: 768px) {
/* line 165, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__inner {
padding: 56px 32px;
}
}
/* line 176, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__eyebrow {
display: inline-block;
padding: 4px 12px;
border-radius: var(--df-radius-pill);
background: var(--df-ink);
color: var(--df-accent);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-bottom: 16px;
}
/* line 189, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__title {
font-size: 26px;
line-height: 1.15;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--df-ink);
margin: 0 0 12px;
}
@media (min-width: 768px) {
/* line 189, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__title {
font-size: 34px;
}
}
/* line 202, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__lead {
font-size: 15px;
line-height: 1.55;
color: var(--df-ink-muted);
margin: 0 auto 24px;
max-width: 520px;
}
/* line 210, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__list {
list-style: none;
padding: 0;
margin: 0 0 28px;
display: inline-flex;
flex-direction: column;
gap: 8px;
text-align: left;
}
/* line 219, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__list li {
position: relative;
padding-left: 24px;
font-size: 14px;
line-height: 1.5;
color: var(--df-ink);
}
/* line 226, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__list li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--df-accent);
box-shadow: 0 0 0 2px var(--df-ink);
}
/* line 240, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__action {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
/* line 246, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__action .df-apply {
padding: 14px 28px;
font-size: 13px;
}
/* line 252, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-bottom-cta .df-bottom-cta__fineprint {
font-size: 11px;
color: var(--df-ink-muted);
margin: 0;
}
/* line 264, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 h2, .job-detail article > div > .text-\[\#191A23\]\/80 .h2,
.job-detail article .job-description-fallback h2,
.job-detail article .job-description-fallback .h2 {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--df-ink);
margin: 24px 0 8px;
}
/* line 270, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 h2:first-child, .job-detail article > div > .text-\[\#191A23\]\/80 .h2:first-child,
.job-detail article .job-description-fallback h2:first-child,
.job-detail article .job-description-fallback .h2:first-child {
margin-top: 0;
}
/* line 272, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 h3, .job-detail article > div > .text-\[\#191A23\]\/80 .h3,
.job-detail article .job-description-fallback h3,
.job-detail article .job-description-fallback .h3 {
font-size: 15px;
font-weight: 600;
color: var(--df-ink);
margin: 18px 0 6px;
}
/* line 278, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 p,
.job-detail article .job-description-fallback p {
font-size: 14px;
line-height: 1.6;
color: var(--df-ink);
margin: 0 0 12px;
}
/* line 284, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 ul, .job-detail article > div > .text-\[\#191A23\]\/80 ol,
.job-detail article .job-description-fallback ul,
.job-detail article .job-description-fallback ol {
padding-left: 22px;
margin: 0 0 16px;
}
/* line 287, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 ul li, .job-detail article > div > .text-\[\#191A23\]\/80 ol li,
.job-detail article .job-description-fallback ul li,
.job-detail article .job-description-fallback ol li {
font-size: 14px;
line-height: 1.6;
color: var(--df-ink);
margin-bottom: 4px;
}
/* line 294, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 strong,
.job-detail article .job-description-fallback strong {
font-weight: 600;
color: var(--df-ink);
}
/* line 295, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail article > div > .text-\[\#191A23\]\/80 a,
.job-detail article .job-description-fallback a {
color: var(--df-ink);
text-decoration: underline;
}
/* line 299, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-tag {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: var(--df-radius-pill);
background: var(--df-ink-faint);
color: var(--df-ink);
font-size: 12px;
font-weight: 500;
transition: background-color var(--df-dur-fast) var(--df-ease-out);
}
/* line 310, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-tag:hover {
background: var(--df-ink-soft);
}
/* line 316, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-header-bar {
background: var(--df-card);
border: 1px solid var(--df-ink-soft);
border-radius: var(--df-radius-md);
box-shadow: var(--df-shadow-sm);
}
/* line 324, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--df-accent);
flex-shrink: 0;
}
/* line 333, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-dot--live {
background: var(--df-success);
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}
/* line 341, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0));
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-top: 1px solid var(--df-ink-soft);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.04);
transform: translateY(100%);
transition: transform var(--df-dur-base) var(--df-ease-out);
}
/* line 356, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply.is-visible {
transform: translateY(0);
}
@media (min-width: 1024px) {
/* line 341, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply {
display: none;
}
}
/* line 365, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply .df-sticky-apply__inner {
display: flex;
align-items: center;
gap: 12px;
max-width: 720px;
margin: 0 auto;
}
/* line 373, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply .df-sticky-apply__meta {
flex: 1;
min-width: 0;
}
/* line 377, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply .df-sticky-apply__meta .df-sticky-apply__title {
font-size: 13px;
font-weight: 600;
color: var(--df-ink);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 386, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply .df-sticky-apply__meta .df-sticky-apply__sub {
font-size: 11px;
color: var(--df-ink-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (prefers-reduced-motion: reduce) {
/* line 397, app/assets/stylesheets/jobs/_job_detail.scss */
.df-sticky-apply {
transition: none;
}
/* line 400, app/assets/stylesheets/jobs/_job_detail.scss */
.job-detail .df-apply,
.job-detail .df-tag {
transition: none;
}
}
/* line 23374, app/assets/stylesheets/application.scss */
.nav-badge-new {
display: inline-block;
background: #82c341;
color: #294d00;
font-size: 10px;
font-weight: 800;
line-height: 1;
padding: 3px 7px;
border-radius: 9999px;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-left: 6px;
vertical-align: middle;
}
/* line 23380, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega {
width: min(860px, 92vw);
max-width: 92vw;
padding: 0;
border: 1px solid #E5E3DC;
border-radius: 16px;
box-shadow: 0 24px 60px rgba(27, 28, 24, 0.12);
overflow: hidden;
left: 50%;
transform: translateX(-50%);
}
/* line 23387, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega.show {
display: flex !important;
}
/* line 23389, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-left {
flex: 1.35;
display: flex;
gap: 28px;
padding: 24px 26px;
}
/* line 23390, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-right {
flex: 1;
background: #FAFBF7;
border-left: 1px solid #E7E9E4;
padding: 22px;
}
/* line 23391, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-col {
flex: 1;
}
/* line 23392, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-head {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.06em;
color: rgba(25, 26, 35, 0.55);
margin: 0 0 12px;
}
/* line 23393, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link {
display: flex;
align-items: flex-start;
gap: 10px;
text-decoration: none;
padding: 8px;
margin: 0 -8px;
border-radius: 10px;
}
/* line 23395, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link:hover {
background: rgba(130, 195, 65, 0.1);
}
/* line 23396, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link .nav-mega-link-ic {
flex: none;
display: inline-flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border-radius: 8px;
background: rgba(130, 195, 65, 0.16);
color: #3b6a00;
margin-top: 1px;
}
/* line 23396, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link .nav-mega-link-ic svg {
width: 18px;
height: 18px;
}
/* line 23397, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link:hover .nav-mega-link-ic {
background: #82c341;
color: #294d00;
}
/* line 23398, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link .nav-mega-link-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* line 23399, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link .nav-mega-link-title {
display: block;
font-weight: 700;
font-size: 14px;
color: #1b1c18;
}
/* line 23400, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-link .nav-mega-link-sub {
display: block;
font-size: 12.5px;
color: #4B5563;
margin-top: 2px;
}
/* line 23402, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide {
display: flex;
gap: 12px;
padding: 10px;
border-radius: 12px;
text-decoration: none;
margin-bottom: 4px;
}
/* line 23404, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide:hover {
background: #fff;
box-shadow: 0 6px 18px rgba(25, 26, 35, 0.08);
}
/* line 23405, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide .nav-mega-guide-thumb {
width: 74px;
height: 56px;
border-radius: 8px;
flex: none;
overflow: hidden;
background: linear-gradient(135deg, #191A23, #2c2e3d);
}
/* line 23406, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide .nav-mega-guide-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
/* line 23407, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide .nav-mega-guide-title {
display: block;
font-weight: 700;
font-size: 13px;
color: #191A23;
line-height: 1.25;
}
/* line 23408, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-guide .nav-mega-guide-sub {
display: block;
font-size: 12px;
color: #4B5563;
margin-top: 3px;
}
/* line 23410, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-allguides {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
font-weight: 700;
font-size: 13px;
color: #1b1c18;
text-decoration: none;
border-bottom: 2px solid #82c341;
padding-bottom: 1px;
}
@media (max-width: 991px) {
/* line 23413, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega {
width: auto;
box-shadow: none;
border: none;
left: 0;
transform: none;
}
/* line 23417, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega.show {
display: block !important;
}
/* line 23418, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-left {
flex-direction: column;
gap: 12px;
padding: 8px 4px;
}
/* line 23419, app/assets/stylesheets/application.scss */
.nav-mega-dropdown .dropdown-menu.nav-mega .nav-mega-right {
display: none;
}
}
/* line 23428, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery {
width: 320px;
max-width: 92vw;
padding: 12px;
overflow: hidden;
left: 50%;
transform: translateX(-50%);
}
/* line 23431, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery.show {
display: block !important;
}
/* line 23433, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link {
display: flex;
align-items: flex-start;
gap: 10px;
text-decoration: none;
padding: 10px 8px;
border-radius: 10px;
}
/* line 23435, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link:hover {
background: rgba(130, 195, 65, 0.1);
}
/* line 23436, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link .nav-mega-link-ic {
flex: none;
display: inline-flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border-radius: 8px;
background: rgba(130, 195, 65, 0.16);
color: #3b6a00;
margin-top: 1px;
}
/* line 23436, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link .nav-mega-link-ic svg {
width: 18px;
height: 18px;
}
/* line 23437, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link:hover .nav-mega-link-ic {
background: #82c341;
color: #294d00;
}
/* line 23438, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link .nav-mega-link-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* line 23439, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link .nav-mega-link-title {
display: block;
font-weight: 700;
font-size: 14px;
color: #1b1c18;
}
/* line 23440, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery .nav-mega-link .nav-mega-link-sub {
display: block;
font-size: 12.5px;
color: #4B5563;
margin-top: 2px;
}
@media (max-width: 991px) {
/* line 23428, app/assets/stylesheets/application.scss */
.nav-discovery-dropdown .dropdown-menu.nav-discovery {
width: auto;
left: 0;
transform: none;
}
}
/* ===== AI Tool showcase pages (.show-*) — landing marketing =====
Keep in sync with homepage_application.css (.show-*). Inter !important
beats the global `body { font-family: "Space Mono" !important }`. */
/* line 23451, app/assets/stylesheets/application.scss */
.show-page {
--show-lime: #B9FF66;
--show-dark: #191A23;
--show-sub: #4B5563;
--show-line: #E7E9E4;
--show-surf: #F3F3F3;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
color: var(--show-dark);
}
/* line 23460, app/assets/stylesheets/application.scss */
.show-page *,
.show-page *::before,
.show-page *::after {
box-sizing: border-box;
}
/* Full-width passthrough: the marketing layout container already constrains
.show-page to the same width/gutter as the footer, so sections align edge-to-edge.
Panels (.show-altbg, .show-final) supply their own inner padding. */
/* line 23466, app/assets/stylesheets/application.scss */
.show-page .show-wrap {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
/* line 23467, app/assets/stylesheets/application.scss */
.show-page .show-center {
text-align: center;
}
/* hero */
/* line 23470, app/assets/stylesheets/application.scss */
.show-page .show-hero {
background: var(--show-dark);
color: #fff;
padding: 70px 0 0;
border-radius: 0 0 28px 28px;
overflow: hidden;
}
/* line 23471, app/assets/stylesheets/application.scss */
.show-page .show-eyebrow {
display: inline-block;
color: var(--show-lime);
font-weight: 700;
font-size: 14px;
letter-spacing: .04em;
margin-bottom: 14px;
}
/* line 23472, app/assets/stylesheets/application.scss */
.show-page .show-h1 {
font-size: 54px;
line-height: 1.05;
font-weight: 800;
letter-spacing: -.02em;
max-width: 760px;
margin: 0 auto 18px;
color: #fff;
}
/* line 23473, app/assets/stylesheets/application.scss */
.show-page .show-h1 .show-hl {
color: var(--show-lime);
}
/* line 23474, app/assets/stylesheets/application.scss */
.show-page .show-lead {
color: #cfd3cb;
font-size: 18px;
line-height: 1.55;
max-width: 640px;
margin: 0 auto 26px;
}
/* line 23475, app/assets/stylesheets/application.scss */
.show-page .show-cta {
display: inline-block;
background: var(--show-lime);
color: var(--show-dark);
font-weight: 800;
padding: 15px 28px;
border-radius: 12px;
text-decoration: none;
border: 2px solid var(--show-lime);
font-size: 16px;
transition: transform .08s ease;
}
/* line 23476, app/assets/stylesheets/application.scss */
.show-page .show-cta:hover {
transform: translateY(-1px);
color: var(--show-dark);
}
/* line 23477, app/assets/stylesheets/application.scss */
.show-page .show-cta-sub {
color: #9aa093;
font-size: 13px;
margin-top: 10px;
}
/* line 23478, app/assets/stylesheets/application.scss */
.show-page .show-shot {
position: relative;
margin: 44px auto -1px;
max-width: 880px;
background: #0f1016;
border: 1px solid #2c2e3d;
border-radius: 16px 16px 0 0;
min-height: 280px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 -10px 60px rgba(185, 255, 102, 0.08);
overflow: hidden;
}
/* line 23479, app/assets/stylesheets/application.scss */
.show-page .show-shot img {
width: 100%;
height: auto;
display: block;
}
/* line 23480, app/assets/stylesheets/application.scss */
.show-page .show-shot-label {
color: #5b5f6e;
font-size: 14px;
font-weight: 600;
}
/* logos */
/* line 23483, app/assets/stylesheets/application.scss */
.show-page .show-logos {
padding: 34px 0 8px;
text-align: center;
}
/* line 23484, app/assets/stylesheets/application.scss */
.show-page .show-logos p {
color: var(--show-sub);
font-weight: 600;
font-size: 14px;
margin-bottom: 18px;
}
/* line 23485, app/assets/stylesheets/application.scss */
.show-page .show-logos-row {
display: flex;
justify-content: center;
gap: 42px;
flex-wrap: wrap;
align-items: center;
opacity: .6;
}
/* line 23486, app/assets/stylesheets/application.scss */
.show-page .show-logo {
height: 26px;
width: auto;
filter: grayscale(1);
}
/* feature + step sections */
/* line 23489, app/assets/stylesheets/application.scss */
.show-page .show-section {
padding: 64px 0;
}
/* line 23490, app/assets/stylesheets/application.scss */
.show-page .show-kicker {
color: #3f6900;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .06em;
text-align: center;
}
/* line 23491, app/assets/stylesheets/application.scss */
.show-page .show-h2 {
font-size: 38px;
font-weight: 800;
letter-spacing: -.02em;
text-align: center;
margin: 10px auto 8px;
max-width: 680px;
color: var(--show-dark);
}
/* line 23492, app/assets/stylesheets/application.scss */
.show-page .show-sublead {
color: var(--show-sub);
text-align: center;
max-width: 560px;
margin: 0 auto 40px;
font-size: 16px;
}
/* line 23493, app/assets/stylesheets/application.scss */
.show-page .show-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* line 23494, app/assets/stylesheets/application.scss */
.show-page .show-card {
border: 1px solid var(--show-line);
border-radius: 16px;
padding: 24px;
background: #fff;
}
/* line 23495, app/assets/stylesheets/application.scss */
.show-page .show-ic {
width: 44px;
height: 44px;
border-radius: 11px;
background: var(--show-lime);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
color: var(--show-dark);
}
/* line 23496, app/assets/stylesheets/application.scss */
.show-page .show-ic .show-ic-svg {
width: 22px;
height: 22px;
}
/* line 23497, app/assets/stylesheets/application.scss */
.show-page .show-card h3, .show-page .show-card .h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
color: var(--show-dark);
}
/* line 23498, app/assets/stylesheets/application.scss */
.show-page .show-card p {
color: var(--show-sub);
font-size: 14px;
line-height: 1.5;
}
/* steps */
/* line 23501, app/assets/stylesheets/application.scss */
.show-page .show-section.show-altbg {
background: var(--show-surf);
border-radius: 24px;
padding: 64px 40px;
}
/* line 23502, app/assets/stylesheets/application.scss */
.show-page .show-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 8px;
}
/* line 23503, app/assets/stylesheets/application.scss */
.show-page .show-step .show-n {
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--show-dark);
color: var(--show-lime);
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
/* line 23504, app/assets/stylesheets/application.scss */
.show-page .show-step h4, .show-page .show-step .h4 {
font-size: 17px;
font-weight: 700;
margin-bottom: 5px;
color: var(--show-dark);
}
/* line 23505, app/assets/stylesheets/application.scss */
.show-page .show-step p {
color: var(--show-sub);
font-size: 14px;
}
/* final cta */
/* line 23508, app/assets/stylesheets/application.scss */
.show-page .show-final {
background: var(--show-lime);
border-radius: 24px;
padding: 54px;
text-align: center;
margin: 30px 0 60px;
}
/* line 23509, app/assets/stylesheets/application.scss */
.show-page .show-final h2, .show-page .show-final .h2 {
font-size: 34px;
font-weight: 800;
color: var(--show-dark);
}
/* line 23510, app/assets/stylesheets/application.scss */
.show-page .show-final .show-cta {
background: var(--show-dark);
color: #fff;
border-color: var(--show-dark);
margin-top: 18px;
}
/* line 23511, app/assets/stylesheets/application.scss */
.show-page .show-final .show-cta:hover {
color: #fff;
}
/* responsive */
@media (max-width: 768px) {
/* line 23515, app/assets/stylesheets/application.scss */
.show-page .show-h1 {
font-size: 36px;
}
/* line 23516, app/assets/stylesheets/application.scss */
.show-page .show-h2 {
font-size: 28px;
}
/* line 23517, app/assets/stylesheets/application.scss */
.show-page .show-grid,
.show-page .show-steps {
grid-template-columns: 1fr;
}
/* line 23519, app/assets/stylesheets/application.scss */
.show-page .show-section.show-altbg {
padding: 40px 20px;
}
/* line 23520, app/assets/stylesheets/application.scss */
.show-page .show-hero {
padding: 48px 0 0;
}
/* line 23521, app/assets/stylesheets/application.scss */
.show-page .show-final {
padding: 36px 20px;
}
}
/* ===== Redesigned marketing navbar (nav2) — Rezi-style light nav ===== */
/* line 23525, app/assets/stylesheets/application.scss */
:root {
--nav2-h: 68px;
}
/* Contained, Rezi-style: the bar sits inside the page's centered container
(not edge-to-edge). Sticky so it pins on scroll; transparent at rest, and a
white rounded bar + shadow fade in once scrolled. No .nav2-spacer needed —
sticky reserves its own space in flow. */
/* line 23531, app/assets/stylesheets/application.scss */
.nav2 {
position: sticky;
top: 8px;
z-index: 1030;
max-width: 1200px;
margin: 0 auto;
background: transparent;
transition: background .2s ease, box-shadow .2s ease, border-radius .2s ease;
}
/* Force the brand font across the whole navbar so nav text never falls back
to the UA default font (kept in sync with the inline block in _navbar). */
/* line 23539, app/assets/stylesheets/application.scss */
.nav2, .nav2 * {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
/* line 23540, app/assets/stylesheets/application.scss */
.nav2.is-scrolled {
background: #fff;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
border-radius: 14px;
}
/* line 23542, app/assets/stylesheets/application.scss */
.nav2-inner {
max-width: none;
margin: 0;
height: var(--nav2-h);
display: flex;
align-items: center;
gap: 28px;
padding: 0 24px;
}
/* line 23547, app/assets/stylesheets/application.scss */
.nav2-brand {
text-decoration: none !important;
margin-right: 4px;
}
/* line 23549, app/assets/stylesheets/application.scss */
.nav2-menu {
display: none;
align-items: center;
gap: 6px;
flex: 1;
}
@media (min-width: 992px) {
/* line 23550, app/assets/stylesheets/application.scss */
.nav2-menu {
display: flex;
}
}
/* line 23552, app/assets/stylesheets/application.scss */
.nav2-item {
position: relative;
}
/* line 23553, app/assets/stylesheets/application.scss */
.nav2-trigger {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 500;
color: #3a3a3a;
background: transparent;
border: 0;
padding: 8px 12px;
border-radius: 10px;
cursor: pointer;
transition: background .15s ease, color .15s ease;
}
/* line 23559, app/assets/stylesheets/application.scss */
.nav2-trigger:hover, .nav2-item.is-open .nav2-trigger {
color: #191A23;
background: #f5f5f5;
}
/* line 23560, app/assets/stylesheets/application.scss */
.nav2-caret {
transition: transform .2s ease;
color: #9a9a9a;
}
/* line 23561, app/assets/stylesheets/application.scss */
.nav2-item.is-open .nav2-caret {
transform: rotate(180deg);
}
/* line 23563, app/assets/stylesheets/application.scss */
.nav2-panel {
position: absolute;
top: calc(100% + 10px);
left: 0;
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
padding: 22px;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
/* line 23570, app/assets/stylesheets/application.scss */
.nav2-item.is-open .nav2-panel {
opacity: 1;
visibility: visible;
transform: none;
}
/* line 23571, app/assets/stylesheets/application.scss */
.nav2-cols {
display: flex;
gap: 34px;
}
/* line 23572, app/assets/stylesheets/application.scss */
.nav2-col {
min-width: 240px;
}
/* line 23573, app/assets/stylesheets/application.scss */
.nav2-col-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 12px;
}
/* line 23574, app/assets/stylesheets/application.scss */
.nav2-col-head span {
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #9a9a9a;
}
/* line 23575, app/assets/stylesheets/application.scss */
.nav2-col-viewall {
font-size: 12px;
font-weight: 600;
color: #191A23;
text-decoration: none;
white-space: nowrap;
}
/* line 23577, app/assets/stylesheets/application.scss */
.nav2-link {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 10px;
border-radius: 10px;
text-decoration: none;
transition: background .15s ease;
}
/* line 23581, app/assets/stylesheets/application.scss */
.nav2-link:hover {
background: #f5f7f2;
}
/* line 23582, app/assets/stylesheets/application.scss */
.nav2-link-ic {
flex: 0 0 auto;
width: 22px;
height: 22px;
color: #191A23;
display: inline-flex;
}
/* line 23583, app/assets/stylesheets/application.scss */
.nav2-link-body {
display: flex;
flex-direction: column;
flex: 1;
}
/* line 23584, app/assets/stylesheets/application.scss */
.nav2-link-title {
font-size: 14px;
font-weight: 600;
color: #191A23;
}
/* line 23585, app/assets/stylesheets/application.scss */
.nav2-link-sub {
font-size: 12px;
color: #8a8a8a;
}
/* line 23586, app/assets/stylesheets/application.scss */
.nav2-link-arrow {
color: #191A23;
opacity: 0;
transition: opacity .15s ease;
}
/* line 23587, app/assets/stylesheets/application.scss */
.nav2-link:hover .nav2-link-arrow {
opacity: 1;
}
/* line 23588, app/assets/stylesheets/application.scss */
.nav2-tag {
font-size: 9px;
font-weight: 700;
background: #eef7e0;
color: #5f8a1f;
border-radius: 6px;
padding: 1px 6px;
margin-left: 4px;
vertical-align: middle;
}
/* line 23590, app/assets/stylesheets/application.scss */
.nav2-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
max-width: 320px;
}
/* line 23591, app/assets/stylesheets/application.scss */
.nav2-card {
border: 1px solid #eee;
border-radius: 12px;
overflow: hidden;
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
/* line 23593, app/assets/stylesheets/application.scss */
.nav2-card-ph {
display: block;
height: 64px;
background: #f4f8ee;
overflow: hidden;
}
/* line 23594, app/assets/stylesheets/application.scss */
.nav2-card-svg {
display: block;
width: 100%;
height: 100%;
}
/* line 23595, app/assets/stylesheets/application.scss */
.nav2-card:hover, .nav2-card:focus-visible {
border-color: #cfe3ae;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
/* line 23596, app/assets/stylesheets/application.scss */
.nav2-card-cap {
display: block;
padding: 7px 10px;
font-size: 13px;
font-weight: 600;
color: #191A23;
}
/* Featured post card. The title and summary come from the blog registry and
are written for a page, not a 250px card — both are clamped rather than
truncated in Ruby, so the full text stays available to a screen reader. */
/* line 23601, app/assets/stylesheets/application.scss */
.nav2-featured {
display: block;
width: 250px;
border: 1px solid #eee;
border-radius: 14px;
overflow: hidden;
color: #191A23;
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
/* line 23603, app/assets/stylesheets/application.scss */
.nav2-featured:hover {
border-color: #cfe3ae;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
/* line 23604, app/assets/stylesheets/application.scss */
.nav2-featured:hover, .nav2-featured:focus, .nav2-featured:active {
color: #191A23 !important;
text-decoration: none !important;
}
/* line 23605, app/assets/stylesheets/application.scss */
.nav2-featured-img {
display: block;
height: 96px;
overflow: hidden;
background: linear-gradient(135deg, #191A23, #3a3d52);
}
/* line 23606, app/assets/stylesheets/application.scss */
.nav2-featured-img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* line 23607, app/assets/stylesheets/application.scss */
.nav2-featured-body {
display: block;
padding: 12px;
}
/* line 23608, app/assets/stylesheets/application.scss */
.nav2-featured-cat {
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #4d7a1e;
margin-bottom: 5px;
}
/* line 23609, app/assets/stylesheets/application.scss */
.nav2-featured-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
color: #191A23;
margin-bottom: 5px;
}
/* line 23611, app/assets/stylesheets/application.scss */
.nav2-featured-text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 12px;
line-height: 1.45;
color: #888;
margin-bottom: 9px;
}
/* line 23613, app/assets/stylesheets/application.scss */
.nav2-featured-more {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 700;
color: #4d7a1e;
}
/* line 23614, app/assets/stylesheets/application.scss */
.nav2-featured-more svg {
width: 11px;
height: 11px;
flex: 0 0 auto;
transition: transform .15s ease;
}
/* line 23615, app/assets/stylesheets/application.scss */
.nav2-featured:hover .nav2-featured-more svg {
transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
/* line 23617, app/assets/stylesheets/application.scss */
.nav2-featured, .nav2-featured-more svg {
transition: none;
}
/* line 23618, app/assets/stylesheets/application.scss */
.nav2-featured:hover {
transform: none;
}
/* line 23619, app/assets/stylesheets/application.scss */
.nav2-featured:hover .nav2-featured-more svg {
transform: none;
}
}
/* line 23622, app/assets/stylesheets/application.scss */
.nav2-actions {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
}
/* line 23623, app/assets/stylesheets/application.scss */
.nav2-login {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
color: #333;
text-decoration: none;
padding: 8px 4px;
}
/* line 23624, app/assets/stylesheets/application.scss */
.nav2-login:hover {
color: #191A23;
}
/* line 23625, app/assets/stylesheets/application.scss */
.nav2-cta {
display: inline-flex;
align-items: center;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 700;
color: #191A23;
background: #B9FF66;
border: 0;
padding: 9px 18px;
border-radius: 10px;
text-decoration: none;
cursor: pointer;
transition: filter .15s ease;
}
/* line 23626, app/assets/stylesheets/application.scss */
.nav2-cta:hover {
filter: brightness(0.96);
color: #191A23;
}
/* line 23627, app/assets/stylesheets/application.scss */
.nav2-avatar {
display: inline-flex;
align-items: center;
}
/* line 23629, app/assets/stylesheets/application.scss */
.nav2-burger {
display: inline-flex;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
background: transparent;
border: 0;
cursor: pointer;
}
/* line 23630, app/assets/stylesheets/application.scss */
.nav2-burger span {
display: block;
height: 2px;
width: 20px;
margin: 0 auto;
background: #191A23;
border-radius: 2px;
}
/* line 23631, app/assets/stylesheets/application.scss */
.nav2-burger span {
transition: transform .2s ease, opacity .2s ease;
}
/* line 23632, app/assets/stylesheets/application.scss */
.nav2-burger[aria-expanded="true"] span:first-child {
transform: translateY(3.5px) rotate(45deg);
}
/* line 23633, app/assets/stylesheets/application.scss */
.nav2-burger[aria-expanded="true"] span:last-child {
transform: translateY(-3.5px) rotate(-45deg);
}
/* Mobile overlay */
/* line 23636, app/assets/stylesheets/application.scss */
.nav2-mobile {
position: fixed;
inset: var(--nav2-h) 0 0 0;
background: #fff;
padding: 20px 22px;
overflow-y: auto;
transform: translateX(100%);
visibility: hidden;
transition: transform .25s ease, visibility .25s ease;
z-index: 1029;
}
/* line 23637, app/assets/stylesheets/application.scss */
.nav2-mobile.is-active {
transform: none;
visibility: visible;
}
/* line 23638, app/assets/stylesheets/application.scss */
body.nav-open {
overflow: hidden;
}
/* line 23639, app/assets/stylesheets/application.scss */
.nav2-acc {
border-bottom: 1px solid #eee;
}
/* line 23640, app/assets/stylesheets/application.scss */
.nav2-acc-head {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background: transparent;
border: 0;
padding: 16px 4px;
font-size: 16px;
font-weight: 600;
color: #191A23;
cursor: pointer;
}
/* line 23641, app/assets/stylesheets/application.scss */
.nav2-acc-caret {
transition: transform .2s ease;
}
/* line 23642, app/assets/stylesheets/application.scss */
.nav2-acc.is-expanded .nav2-acc-caret {
transform: rotate(45deg);
}
/* line 23643, app/assets/stylesheets/application.scss */
.nav2-acc-body {
display: none;
padding: 0 4px 12px;
}
/* line 23644, app/assets/stylesheets/application.scss */
.nav2-acc.is-expanded .nav2-acc-body {
display: block;
}
/* line 23645, app/assets/stylesheets/application.scss */
.nav2-acc-link {
display: block;
padding: 10px 8px;
font-size: 15px;
color: #3a3a3a;
text-decoration: none;
}
/* line 23646, app/assets/stylesheets/application.scss */
.nav2-mobile-actions {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 22px;
}
/* line 23647, app/assets/stylesheets/application.scss */
.nav2-mobile-actions .nav2-cta {
justify-content: center;
padding: 12px;
}
@media (prefers-reduced-motion: reduce) {
/* line 23650, app/assets/stylesheets/application.scss */
.nav2-panel, .nav2-caret, .nav2-mobile, .nav2-burger span {
transition: none;
}
/* line 23651, app/assets/stylesheets/application.scss */
.nav2-item.is-open .nav2-panel {
transform: none;
}
}