.je-shell .agent-result-header {display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 20px;} .je-shell .agent-result-title-section {flex: 1;} .je-shell .agent-result-main-title {font-size: 32px; font-weight: 700; color: #333; margin: 0 0 10px 0; line-height: 1.2;} .je-shell .agent-result-subtitle {font-size: 16px; color: #666; margin: 0; line-height: 1.5;} .je-shell .agent-result-header-actions {display: flex; align-items: center;} .je-shell .agent-edit-btn {background-color: #26ae61; color: #fff; padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; font-weight: 500; transition: background-color 0.3s ease;} .je-shell .agent-edit-btn:hover {background-color: #1e8e4f; color: #fff;} .je-shell .agent-summary-card {background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.12);} .je-shell .agent-summary-content {display: flex; flex-direction: column; flex: 1;} .je-shell .agent-summary-item {display: flex; align-items: center; gap: 12px;} .je-shell .agent-summary-icon {font-size: 20px; color: #26ae61;} .je-shell .agent-summary-label {font-weight: 500; color: #333;} .je-shell .agent-summary-value {color: #666; font-weight: 400;} .je-shell .agent-summary-tag {display: inline;} .je-shell .agent-summary-action {display: flex; align-items: center;} .je-shell .agent-edit-card-btn {background-color: #26ae61; color: #fff; padding: 10px 20px; border-radius: 4px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; font-weight: 500; border: none; cursor: pointer; transition: background-color 0.3s ease;} .je-shell .agent-edit-card-btn:hover {background-color: #1e8e4f; color: #fff;} .je-shell .candidate-match-section {margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); border-radius: 8px;} .je-shell .candidate-match-header {background: #26ae61; padding: 12px 24px; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;} .je-shell .candidate-match-title {display: flex; align-items: center; gap: 12px; color: #fff;} .je-shell .candidate-match-icon {font-size: 24px; color: #fff;} .je-shell .candidate-match-title h3 {margin: 0; color: #fff; font-size: 20px; font-weight: 600;} .je-shell .candidate-match-search {display: flex; align-items: center; gap: 12px;} .je-shell .search-input-wrapper {position: relative; display: flex; align-items: center; background: #fff; border-radius: 6px; padding: 0 16px; min-width: 320px; height: 44px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .je-shell .search-icon {color: #999; font-size: 18px; margin-right: 8px;} .je-shell .search-input {border: none; outline: none; padding: 0; flex: 1; font-size: 14px; color: #333; background: transparent;} .je-shell .search-input::placeholder {color: #999;} .je-shell .microphone-icon {color: #999; font-size: 18px; margin-left: 8px; cursor: pointer;} .je-shell .filter-btn {background: transparent; border: none; color: #fff; padding: 10px 12px; border-radius: 4px; cursor: pointer; font-size: 20px; transition: background-color 0.3s ease; display: flex; align-items: center; justify-content: center;} .je-shell .filter-btn:hover {background: rgba(255,255,255,0.15);} .je-shell .candidate-match-subtitle {padding: 16px 24px; margin: 0; color: #666; font-size: 16px;} .je-shell .candidate-cards-container {display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; padding: 0 16px 16px;} .je-shell .candidate-card {background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden;} .je-shell .candidate-card:hover {transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0,0,0,0.12);} .je-shell .candidate-card-content {display: flex; padding: 24px; gap: 20px; align-items: flex-start; position: relative;} .je-shell .candidate-card-avatar {flex-shrink: 0;} .je-shell .candidate-avatar-img {width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid #f0f0f0; transition: border-color 0.3s ease;} .je-shell .candidate-card:hover .candidate-avatar-img {border-color: #26ae61;} .je-shell .candidate-card-info {flex: 1; min-width: 0;} .je-shell .candidate-card-header {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px;} .je-shell .candidate-name {margin: 0; font-size: 20px; font-weight: 600; color: #333;} .je-shell .candidate-name a {color: #333; text-decoration: none; transition: color 0.3s ease;} .je-shell .candidate-name a:hover {color: #26ae61;} .je-shell .match-badge {padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; margin-top: 2px;} .je-shell .match-badge.match-high {background: #d4edda; color: #155724;} .je-shell .match-badge.match-medium {background: #fff3cd; color: #856404;} .je-shell .match-badge.match-low {background: #f8d7da; color: #721c24;} .je-shell .candidate-meta {display: flex; gap: 20px; margin-bottom: 6px; flex-wrap: wrap;} .je-shell .candidate-meta-item {display: flex; align-items: center; gap: 6px; color: #666; font-size: 14px;} .je-shell .candidate-meta-item i {color: #666; font-size: 16px;} .je-shell .candidate-tags {display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;} .je-shell .candidate-tag {background: #f0f0f0; color: #666; padding: 1px 12px; border-radius: 16px; font-size: 14px; font-weight: 500;} .je-shell .candidate-description {color: #666; font-size: 16px; line-height: 1.6; margin: 0;} .je-shell .candidate-card-action {flex-shrink: 0; display: flex; align-items: flex-end; padding-bottom: 4px; flex-direction: column; height: 100%; justify-content: space-between;} .je-shell .candidate-view-btn {background-color: #fff; color: #333; padding: 8px 24px; border-radius: 6px; border: 1px solid #e0e0e0; cursor: pointer; font-weight: 500; font-size: 16px; transition: all 0.3s ease; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .je-shell .candidate-view-btn:hover {background-color: #f8f9fa; border-color: #26ae61; color: #26ae61; box-shadow: 0 2px 6px rgba(0,0,0,0.15);} .je-shell .no-results-message {text-align: center; padding: 60px 20px; background: #f8f9fa; border-radius: 8px; margin-bottom: 40px;} .je-shell .no-results-content {display: flex; flex-direction: column; align-items: center; gap: 16px;} .je-shell .no-results-icon {font-size: 48px; color: #ccc;} .je-shell .no-results-message p {color: #666; font-size: 16px; margin: 0;} @media (max-width: 768px){.je-shell .agent-result-header {flex-direction: column; gap: 20px;} .je-shell .agent-summary-card {flex-direction: column; align-items: flex-start; gap: 20px;} .je-shell .agent-summary-content {flex-direction: column; gap: 16px;} .je-shell .candidate-match-header {flex-direction: column; align-items: stretch;} .je-shell .candidate-match-search {width: 100%;} .je-shell .search-input-wrapper {min-width: 0; flex: 1;} .je-shell .candidate-card-content {flex-direction: column;} .je-shell .candidate-card-header {flex-direction: column; align-items: flex-start;}} .je-shell .ticontainer .tidot {background-color: #90949c;} .je-shell .tiblock {align-items: center; display: flex; height: 17px;} .je-shell .tidot {-webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out; border-radius: 2px; display: inline-block; height: 6px; margin-right: 2px; width: 6px;} .je-shell .tidot:nth-child(1) {-webkit-animation-delay: 30ms;} .je-shell .tidot:nth-child(2) {-webkit-animation-delay: 50ms;} .je-shell .tidot:nth-child(3) {-webkit-animation-delay: 100ms;} @-webkit-keyframes mercuryTypingAnimation { 0% {-webkit-transform: translateY(0px);} 28% {-webkit-transform: translateY(-5px);} 44% {-webkit-transform: translateY(0px);} } .je-shell .ticontainer .tidot {background-color: #90949c;} .je-shell .tiblock {align-items: center; display: flex; height: 17px;} .je-shell .tidot {-webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out; border-radius: 2px; display: inline-block; height: 6px; margin-right: 2px; width: 6px;} .je-shell .tidot:nth-child(1) {-webkit-animation-delay: 30ms;} .je-shell .tidot:nth-child(2) {-webkit-animation-delay: 50ms;} .je-shell .tidot:nth-child(3) {-webkit-animation-delay: 100ms;} @-webkit-keyframes mercuryTypingAnimation { 0% {-webkit-transform: translateY(0px);} 28% {-webkit-transform: translateY(-5px);} 44% {-webkit-transform: translateY(0px);} } .je-shell .je-calendar-grid .calendar-cell{display: flex; width: 100%; height: 100%;} .je-shell .je-calendar-grid .wc-scrollable-grid{overflow: auto; overflow-x: scroll; overflow-y: overlay; position: relative; background-color: #fcfcfb; width: 100%;} .je-shell .je-calendar-grid table.wc-time-slots{width: 100%; table-layout: fixed; cursor: default;} .je-shell .je-calendar-grid .wc-grid-timeslot-header{width: 4% !important; background: #eee;} .je-shell .je-calendar-grid .wc-timeslot-td{width: 13.6% !important;} .je-shell .je-calendar-grid .wc-time-slot-wrapper{position: relative; height: 1px; top: 1px;} .je-shell .je-calendar-grid .wc-time-slots{position: absolute; width: 100%;} .je-shell .je-calendar-grid .wc-header{background: #f9f8f7; border-top: 2px solid #e7e6e5; border-bottom: 2px solid #e7e6e5; width: 100%;} .je-shell .je-calendar-grid .wc-header .wc-time-column-header{width: 4%;} .je-shell .je-calendar-grid .wc-container table td{margin: 0; padding: 0;} .je-shell .je-calendar-grid .wc-header .wc-day-column-header{text-align: left; padding: 0.4em; border-left: 1px solid #e7e6e5; width: 13.72% !important;} .je-shell .je-calendar-grid .wc-business-hours{background-color: #f9f8f7; border-bottom: 1px solid #ccc; color: #333; font-size: 1.4em;} .je-shell .je-calendar-grid .wc-hour-header{text-align: right;} .je-shell .je-calendar-grid .wc-business-hours .wc-am-pm{font-size: 0.6em;} .je-shell .je-calendar-grid td.today-active .wc-time-slot{border-left: 1px solid #ddd; background: #fff;} .je-shell .je-calendar-grid .wc-time-slot{border-bottom: 1px dotted #ddd;} .je-shell .je-calendar-grid .wc-time-slot:hover{border: 1px solid #2e4367 !important; cursor: pointer;} .je-shell .je-calendar-grid .wc-hour-end,.je-shell .je-calendar-grid .wc-hour-header{border-bottom: 1px solid #ccc; color: #555;} .je-shell .je-calendar-grid .wc-day-column{width: 13.5%; border-left: 1px solid #ddd; overflow: visible; vertical-align: top;} .je-shell .je-calendar-grid .wc-day-column-inner{width: 100%; position: relative;} .je-shell .je-calendar-grid .wc-new-cal-event-creating{border: 1px solid #000000; position: absolute; overflow: hidden; cursor: pointer; color: #fff; width: 100%; line-height: 18px; font-size: 10px; display: block; left: 0%; right: 0px; border-radius: 4px; height: 38px;} .je-shell .je-calendar-grid .wc-new-cal-event-moving{border: 1px solid #000000; position: absolute; overflow: hidden; cursor: pointer; color: #fff; width: 100%; line-height: 18px; font-size: 10px; display: block; left: 0%; right: 0px; border-radius: 4px; height: 38px;} .je-shell .je-calendar-grid .wc-cal-event{background-color: #ececec; position: absolute; text-align: center; overflow: hidden; cursor: pointer; color: #fff; width: 100%; line-height: 18px; font-size: 10px; display: block; left: 0%; right: 0px; border: 1px solid #aba9a9; border-left: 4px solid #053677; border-radius: 4px;} .je-shell .je-calendar-grid .wc-cal-event.ready{background-color: #00c851 !important;} .je-shell .je-calendar-grid .wc-cal-event.ready:hover{background-color: #03b64a !important;} .je-shell .je-calendar-grid .wc-cal-event.listed{background-color: #3db5e0 !important;} .je-shell .je-calendar-grid .wc-cal-event.listed:hover{background-color: #33b5e5 !important;} .je-shell .je-calendar-grid .wc-cal-event.pending{background-color: #ececec !important;} .je-shell .je-calendar-grid .wc-cal-event.pending:hover{background-color: #cccccc !important;} .je-shell .je-calendar-grid .wc-cal-event.progress{background-color: #ff4444 !important;} .je-shell .je-calendar-grid .wc-cal-event.progress:hover{background-color: #fc3636 !important;} .je-shell .je-calendar-grid .wc-cal-event.end{background-color: #ffbb33 !important;} .je-shell .je-calendar-grid .wc-cal-event.end:hover{background-color: #fdb420 !important;} .je-shell .je-calendar-grid .wc-cal-event .wc-time{background-color: #e2e2f6; border: 1px solid #e2e2f6; color: #060606; padding: 0; font-weight: bold; font-size: 11px; text-align: left;} .je-shell .je-calendar-grid .wc-cal-event .wc-title{position: relative; color: #000000; font-size: 10px; padding: 2px 3px; text-align: left; font-weight: 600;} /* One workspace language for candidates and companies. */ .jc-shell .jc-sidebar{background:#00583f;color:#fff;border-right-color:#00583f;scrollbar-color:#548e79 #00583f} .jc-shell .jc-sidebar :where(nav a,.jc-sidebar-extra>a){color:#e2eee7;line-height:1.4} .jc-shell .jc-sidebar :where(nav a,.jc-sidebar-extra>a):hover{background:#ffffff14;color:#fff} .jc-shell .jc-sidebar a.is-current{background:#e3f49c;color:#16432e} .jc-shell .jc-sidebar .jc-nav-label{color:#b8d3c5} .jc-shell .jc-sidebar .jc-sidebar-extra,.jc-shell .jc-sidebar .jc-account{border-color:#ffffff2b} .jc-shell .jc-sidebar :where(.jc-account strong,.jc-icon-button){color:#fff} .jc-shell .jc-sidebar :where(.jc-account>div>span,.jc-sidebar-extra details,.jc-sidebar-extra details a){color:#cce0d5} .jc-shell .jc-sidebar .jc-count{background:#e3f49c;color:#17412e} .jc-shell .jc-sidebar .jc-brand-row{background:transparent;padding-inline:7px} .jc-shell .jc-sidebar .jc-brand-row>a{background:transparent} .jc-shell .jc-sidebar .jc-avatar{background:#ffffff1c;color:#fff} .jc-shell .jc-sidebar nav a>span:not(.jc-icon):not(.jc-count){min-width:0} .jc-shell .jc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .jc-shell .jc-inbox-layout{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--jc-line);border-radius:22px;background:#fff;overflow:hidden;min-height:620px;height:min(760px,calc(100dvh - 235px))} .jc-shell .jc-conversations{background:#fbfcf8;border-right:1px solid var(--jc-line);min-width:0;overflow-y:auto;padding:22px 0} .jc-shell .jc-inbox-heading{display:flex;justify-content:space-between;align-items:center;padding:0 20px 18px;gap:12px} .jc-shell .jc-inbox-heading h2{font-size:19px;margin:0} .jc-shell .jc-chat-search{display:flex;align-items:center;gap:9px;margin:0 16px;padding:0 12px;background:white;border:1px solid var(--jc-line);border-radius:12px;color:var(--jc-muted)} .jc-shell .jc-chat-search input{min-width:0;width:100%;background:none;border:0;padding:12px 0;font:inherit;font-size:13px;color:var(--jc-ink);outline-offset:4px} .jc-shell .jc-inbox-tabs{display:flex;gap:8px;padding:16px} .jc-shell .jc-inbox-tabs button{min-height:38px;border:1px solid transparent;border-radius:9px;padding:6px 13px;background:none;color:var(--jc-muted);font:inherit;font-size:12px;cursor:pointer} .jc-shell .jc-inbox-tabs button.is-current{border-color:#ceddc7;background:#edf3e6;color:var(--jc-green);font-weight:700} .jc-shell .jc-inbox-tabs button span{margin-left:6px} .jc-shell .jc-contact-list{margin:0;padding:0 8px;list-style:none} .jc-shell .jc-contact-button{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:16px 10px;min-height:88px;background:none;border:0;border-bottom:1px solid #e7ece5;cursor:pointer;color:var(--jc-ink);border-radius:12px;font:inherit} .jc-shell .jc-contact-button:hover{background:#f0f5eb} .jc-shell .jc-contact-button.is-current{background:#e9f1df;border-color:transparent} .jc-shell .jc-contact-avatar{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;background:#edf2e9;border:1px solid #dce5d7;color:var(--jc-green);font-size:17px;font-weight:600;border-radius:15px} .jc-shell .jc-contact-summary{display:grid;gap:5px;min-width:0;flex:1} .jc-shell .jc-contact-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .jc-shell .jc-contact-preview{font-size:12px;color:var(--jc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px} .jc-shell .jc-contact-button.is-unread .jc-contact-name{font-weight:800} .jc-shell .jc-contact-button.is-unread .jc-contact-preview{color:var(--jc-ink)} .jc-shell .jc-contact-meta{display:grid;justify-items:end;gap:7px;max-width:64px} .jc-shell .jc-contact-meta time{font-size:10px;color:var(--jc-muted);overflow-wrap:anywhere} .jc-shell .jc-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative} .jc-shell .jc-conversation-welcome{margin:auto;text-align:center;max-width:400px;padding:38px 24px} .jc-shell .jc-conversation-welcome h2{font-size:32px;letter-spacing:-1px;margin:14px 0} .jc-shell .jc-conversation-welcome p:last-child{color:var(--jc-muted);font-size:14px} .jc-shell .jc-welcome-mark{display:flex;width:80px;height:80px;margin:0 auto 26px;border-radius:25px;background:#e3f49c;color:#00583f;align-items:center;justify-content:center;transform:rotate(-6deg)} .jc-shell .jc-welcome-mark .jc-icon{width:34px;height:34px;transform:rotate(6deg)} .jc-shell .jc-conversation-header{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--jc-line);min-height:86px;background:#fff} .jc-shell .jc-conversation-header>div{min-width:0;flex:1} .jc-shell .jc-conversation-header h2{font-size:16px;overflow-wrap:anywhere;margin:0} .jc-shell .jc-conversation-header p{font-size:12px;color:var(--jc-muted);margin:3px 0 0} .jc-shell .jc-conversation-menu{position:relative;flex:none} .jc-shell .jc-conversation-menu summary{list-style:none;cursor:pointer;padding:10px;letter-spacing:2px;min-width:44px;text-align:center} .jc-shell .jc-conversation-menu summary::-webkit-details-marker{display:none} .jc-shell .jc-conversation-menu[open]{z-index:10;background:white;box-shadow:0 8px 35px #143e2920;border:1px solid var(--jc-line);border-radius:12px;padding:5px;min-width:150px} .jc-shell .jc-conversation-menu button{display:block;background:none;border:0;padding:12px 10px;width:100%;text-align:left;color:var(--jc-ink);font:inherit;font-size:12px;cursor:pointer} .jc-shell .jc-conversation-menu button:hover{background:#edf3e8;border-radius:7px} .jc-shell .jc-chat-back{display:none} .jc-shell .jc-message-history{flex:1;overflow-y:auto;padding:22px 26px;min-height:100px;background:#fcfdfb;overscroll-behavior:contain} .jc-shell .jc-message-history .message-bubble{margin:18px 0} .jc-shell .jc-message-history .message-bubble .message-text{border-radius:16px 16px 16px 4px;background:#eef2e9;padding:14px 18px;font-size:14px;line-height:1.6} .jc-shell .jc-message-history .message-bubble.me .message-text{background:#00583f;color:white;border-radius:16px 16px 4px 16px} .jc-shell .jc-message-history .message-bubbles img{max-width:100%;height:auto} .jc-shell .jc-chat-loading,.jc-shell .jc-typing{font-size:12px;color:var(--jc-muted);padding:8px 24px;margin:0} .jc-shell .jc-chat-empty{padding:24px 20px;font-size:13px;color:var(--jc-muted);text-align:center} .jc-shell .jc-chat-empty strong{display:block;color:var(--jc-ink);margin-bottom:8px} .jc-shell .jc-composer{margin:0;padding:15px 20px 18px;border-top:1px solid var(--jc-line);background:#fff} .jc-shell .jc-composer textarea{display:block;width:100%;border:1px solid var(--jc-line);border-radius:12px;min-height:80px;max-height:190px;resize:vertical;font:inherit;font-size:15px;line-height:1.5;padding:13px 15px;color:var(--jc-ink);box-shadow:none} .jc-shell .jc-composer-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px} .jc-shell .jc-attachments{display:flex;gap:4px;align-items:center} .jc-shell .jc-attachments .jc-help{font-size:10px;margin-left:7px} .jc-shell .jc-attachments .jc-file-label{width:42px;height:42px;background:#f3f6ee;border-radius:10px;position:relative;cursor:pointer;overflow:hidden} .jc-shell .jc-attachments input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer} .jc-shell .jc-attachments .jc-file-label:focus-within{outline:2px solid #00583f;outline-offset:2px} .jc-shell .jc-composer .jc-button{min-width:95px;min-height:42px} .je-shell .je-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:22px;margin-bottom:26px} .je-shell .je-action-card{background:#00583f;color:white;border-radius:22px;padding:34px;position:relative;overflow:hidden;min-height:270px} .je-shell .je-action-card h2{font-size:34px;line-height:1.1;letter-spacing:-1px;color:white;max-width:500px;margin:18px 0} .je-shell .je-action-card p{color:#d4e8dc;max-width:480px;font-size:14px} .je-shell .je-action-card .jc-eyebrow{color:#c7e584} .je-shell .je-action-card .jc-button{background:#e3f49c;color:#153f2c;border-color:#e3f49c;margin-top:12px} .je-shell .je-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px} .je-shell .je-panel-head h2{font-size:20px;margin:0} .je-shell .je-guide-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:16px} .je-shell .je-guide-list li{display:flex;align-items:flex-start;gap:14px} .je-shell .je-guide-list li>span{width:31px;height:31px;border-radius:10px;background:#e3f49c;color:#174632;display:grid;place-items:center;flex:none;font-weight:700;font-size:12px} .je-shell .je-guide-list strong{font-size:13px;display:block} .je-shell .je-guide-list p{font-size:12px;color:var(--jc-muted);margin:3px 0 0} .je-shell .je-list-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--jc-line);color:var(--jc-ink);width:100%;text-align:left} .je-shell .je-list-row>div{flex:1;min-width:0} .je-shell .je-list-row strong{display:block;font-size:14px;overflow-wrap:anywhere} .je-shell .je-list-row p{font-size:12px;color:var(--jc-muted);margin:4px 0 0} .je-shell .je-list-row:last-child{border:0} .je-shell .je-list-row button{flex:none} .je-shell .je-profile-logo{width:80px;height:80px;object-fit:contain;background:#fff;border:1px solid var(--jc-line);border-radius:18px;padding:10px} .je-shell .je-company-intro{display:flex;align-items:center;gap:24px;margin-bottom:26px} .je-shell .je-company-intro h2{font-size:28px;margin:0} .je-shell .je-facts{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-top:12px} .je-shell .je-facts>span,.je-shell .je-facts>a{padding:6px 11px;border-radius:8px;background:#eef3e8;color:var(--jc-green)} .je-shell .je-section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px} .je-shell .je-section-tabs button{min-height:42px;padding:8px 16px;border:1px solid var(--jc-line);border-radius:11px;background:#fff;color:var(--jc-muted);font:inherit;font-size:13px;cursor:pointer} .je-shell .je-section-tabs button.is-current{background:#00583f;color:#fff;border-color:#00583f} .je-shell .je-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:24px} .je-shell .je-form-main{display:grid;gap:22px;min-width:0} .je-shell .je-form-aside{position:sticky;top:24px;background:#edf3e5;border:1px solid #dce6d1;border-radius:18px;padding:24px;font-size:13px} .je-shell .je-form-aside h2{font-size:18px} .je-shell .je-form-aside p{font-size:12px;color:var(--jc-muted)} .je-shell .je-form-aside ol{padding-left:18px;margin:20px 0} .je-shell .je-form-aside li{padding:6px 0} .je-shell .je-save-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px;background:#fff;border:1px solid var(--jc-line);border-radius:16px;margin-top:22px;position:sticky;bottom:16px;z-index:20;box-shadow:0 8px 30px #183c2010} .je-shell .je-save-bar .jc-actions{margin:0} .je-shell .je-ai-strip{border:1px solid #d3e2bb;background:#f1f7e6;border-radius:16px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px} .je-shell .je-ai-strip h3{margin:0 0 5px;font-size:16px} .je-shell .je-ai-strip p{font-size:12px;color:var(--jc-muted);margin:0} .je-shell .je-ai-panel{background:#f3f7ed;border:1px solid #ceddbd;border-radius:16px;padding:24px;margin:20px 0} .je-shell .je-ai-panel textarea{font-family:inherit;font-size:15px} .je-shell .je-upload{border:1px dashed #b4c9bd;background:#f8faf5;border-radius:14px;padding:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap} .je-shell .je-upload img{width:70px;height:70px;object-fit:contain;background:white;border-radius:10px} .je-shell .je-upload input[type=file]{max-width:100%;font-size:13px} .je-shell .je-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .je-shell .je-job-card{padding:24px;background:#fff;border:1px solid var(--jc-line);border-radius:18px} .je-shell .je-job-card h2{font-size:20px;line-height:1.35;margin:17px 0 8px} .je-shell .je-job-card .jc-help{font-size:12px} .je-shell .je-job-card footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--jc-line)} .je-shell .je-job-menu{position:relative} .je-shell .je-job-menu summary{cursor:pointer;list-style:none;font-size:20px;letter-spacing:2px;padding:0 6px} .je-shell .je-job-menu[open]{z-index:5} .je-shell .je-job-menu>div{position:absolute;right:0;top:30px;min-width:200px;border:1px solid var(--jc-line);padding:8px;background:white;box-shadow:0 10px 40px #173b2320;border-radius:12px;z-index:5} .je-shell .je-job-menu button{display:block;width:100%;padding:11px;background:none;border:0;text-align:left;color:var(--jc-ink);font:inherit;font-size:12px;cursor:pointer} .je-shell .je-job-menu button:hover{background:#eef3e6;border-radius:7px} .je-shell .je-search-row{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap} .je-shell .je-search-row input{flex:1;min-width:180px;min-height:48px;border:1px solid var(--jc-line);border-radius:12px;padding:10px 15px;background:#fff;font:inherit} .je-shell .je-legacy-content{min-width:0} .je-shell .je-legacy-content :where(.dashboard-content-container,.dashboard-content-inner,.manage-jobs-sec,.submit-page){width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:none!important;min-height:0!important} .je-shell .je-legacy-content :where(.dashboard-box,.dashboard-list-box,.border-card,.filter-sidebar){box-shadow:none;border:1px solid var(--jc-line);border-radius:18px;background:#fff;margin:0 0 22px;padding:22px} .je-shell .je-legacy-content :where(.dashboard-box .dashboard-box,.dashboard-list-box .dashboard-list-box){border:0;padding:0} .je-shell .je-legacy-content :where(.headline,.headline-with-btn){padding:0 0 18px!important;background:none!important;border-bottom:1px solid var(--jc-line);margin-bottom:18px} .je-shell .je-legacy-content :where(h2,h3,h4,h5){font-family:inherit;color:var(--jc-ink);line-height:1.35} .je-shell .je-legacy-content :where(h2){font-size:24px} .je-shell .je-legacy-content :where(h3){font-size:19px} .je-shell .je-legacy-content :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select){font:inherit;color:var(--jc-ink);border:1px solid #cad8ce;border-radius:10px;box-shadow:none;min-height:44px;background:#fff;max-width:100%} .je-shell .je-legacy-content :where(button,.button,.green_btn){font-family:inherit;border-radius:10px;min-height:40px} .je-shell .je-legacy-content .row{display:flex;flex-wrap:wrap;margin-left:-8px!important;margin-right:-8px!important;width:auto!important;max-width:none} .je-shell .je-legacy-content .row>[class*=col-]{flex:none;min-width:0;box-sizing:border-box;padding:0 8px;width:100%} .je-shell .je-legacy-content .row>.col-lg-6,.je-shell .je-legacy-content .row>.col-md-6{width:50%} .je-shell .je-legacy-content .row>.col-lg-4,.je-shell .je-legacy-content .row>.col-md-4{width:33.333%} .je-shell .je-legacy-content .row>.col-lg-8,.je-shell .je-legacy-content .row>.col-md-8{width:66.666%} .je-shell .je-legacy-content .row>.col-lg-3,.je-shell .je-legacy-content .row>.col-md-3{width:25%} .je-shell .je-legacy-content .row>.col-lg-9,.je-shell .je-legacy-content .row>.col-md-9{width:75%} .je-shell .je-legacy-content table{width:100%;border-collapse:collapse;font-size:13px} .je-shell .je-legacy-content :where(th,td){text-align:left;padding:14px 10px;border-bottom:1px solid var(--jc-line)} .je-shell .je-legacy-content .table-responsive{overflow-x:auto;max-width:100%} .je-shell .je-legacy-content :where(.btn-success,.green_btn,.button:not(.gray)){background:#00583f;color:#fff;border-color:#00583f} .je-shell .je-legacy-content :where(.small-footer,.dashboard-footer-spacer,.dashboard-headline,#breadcrumbs){display:none!important} .je-shell .je-legacy-content .headline a.button{float:none!important} .je-shell .je-legacy-content .bootstrap-select{max-width:100%} .je-shell .je-legacy-content :where(.dashboard-box-list,.manage-jobs-list){list-style:none;margin:0;padding:0} .je-shell .je-legacy-content :where(.dashboard-box-list>li,.manage-jobs-list>li){padding:20px 0;border-bottom:1px solid var(--jc-line)} .je-shell .je-legacy-content :where(.dashboard-box-list>li:last-child,.manage-jobs-list>li:last-child){border-bottom:0} .je-shell .je-legacy-content .container{width:100%;max-width:100%;padding:0} .je-shell .je-legacy-content video{max-width:100%;border-radius:14px} .je-shell .je-callout{padding:18px 22px;border-left:3px solid #9cbb62;background:#f0f6e6;border-radius:0 12px 12px 0;font-size:13px;color:#375346;margin:18px 0 24px} @media(max-width:1250px){.jc-shell .jc-inbox-layout{grid-template-columns:270px minmax(0,1fr)}.je-shell .je-form-layout{grid-template-columns:minmax(0,1fr) 210px}} @media(max-width:900px){.je-shell .je-hero,.je-shell .je-form-layout{grid-template-columns:1fr}.je-shell .je-form-aside{position:static}.je-shell .je-job-grid{grid-template-columns:1fr}.je-shell .je-legacy-content .row>[class*=col-]{width:100%}.je-shell .je-save-bar{position:static}.jc-shell .jc-inbox-layout{min-height:570px}} @media(max-width:760px){.jc-shell .jc-inbox-layout{display:block;min-height:0;height:auto;border-radius:16px}.jc-shell .jc-conversations{border:0;min-height:440px;padding:18px 0}.jc-shell .jc-conversation{display:none}.jc-shell .jc-conversation-open .jc-conversations{display:none}.jc-shell .jc-conversation-open .jc-conversation{display:flex;min-height:540px;height:calc(100dvh - 205px)}.jc-shell .jc-chat-back{display:flex}.jc-shell .jc-conversation-header{padding:12px;gap:9px;min-height:74px}.jc-shell .jc-conversation-header .jc-contact-avatar{width:35px;height:35px;border-radius:11px}.jc-shell .jc-conversation-header h2{font-size:14px}.jc-shell .jc-conversation-header p{font-size:10px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-shell .jc-message-history{padding:14px}.jc-shell .jc-composer{padding:12px}.jc-shell .jc-composer textarea{font-size:16px;min-height:70px}.jc-shell .jc-attachments .jc-help{display:none}.jc-shell .jc-inbox-heading{padding-bottom:12px}.jc-shell .jc-contact-preview{max-width:230px}.je-shell .je-action-card{padding:26px}.je-shell .je-action-card h2{font-size:29px}.je-shell .je-ai-strip{align-items:flex-start;flex-direction:column;padding:20px}.je-shell .je-save-bar{padding:16px}.je-shell .je-save-bar .jc-actions{width:100%;flex-wrap:wrap}.je-shell .je-company-intro{align-items:flex-start;gap:16px}.je-shell .je-company-intro h2{font-size:24px}} /* Employer pages use the same spacing, typography and controls as the candidate workspace. */ .je-shell .jc-page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px}.je-shell .jc-page-head h1{margin:8px 0 12px;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.045em;line-height:1.08}.je-shell .jc-page-head p:not(.jc-eyebrow){font-size:14px;color:var(--jc-muted);max-width:650px}.je-shell .jc-card{margin-bottom:24px;padding:0;overflow:visible}.je-shell .jc-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 0}.je-shell .jc-card-head h2{font-size:23px;letter-spacing:-.025em;line-height:1.2;margin:0}.je-shell .jc-card-head a{font-size:12px;white-space:nowrap}.je-shell .jc-card-body{padding:26px 28px}.je-shell .jc-card-body>p{margin-bottom:18px}.je-shell .jc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.je-shell .jc-grid-main{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr)}.je-shell .jc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.je-shell .jc-stat{display:flex;flex-direction:column;padding:22px;border:1px solid var(--jc-line);border-radius:17px;background:#fff;gap:7px;color:var(--jc-ink)}.je-shell .jc-stat>span{font-size:12px;color:var(--jc-muted)}.je-shell .jc-stat strong{font-size:34px;line-height:1.1;letter-spacing:-.04em}.je-shell .jc-stat small{font-size:11px;color:var(--jc-muted)}.je-shell .jc-badge{display:inline-flex;padding:5px 9px;background:#eaf1e4;border-radius:6px;color:var(--jc-green);font-size:11px;font-weight:650}.je-shell .jc-muted{font-size:12px;color:var(--jc-muted)}.je-shell .jc-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;font-size:13px;font-weight:600;min-width:0}.je-shell .jc-field>span{display:block}.je-shell .jc-field :is(input,textarea,select){display:block;width:100%;max-width:100%;min-width:0;border:1px solid #bdcfc2;border-radius:10px;background:#fff;padding:13px 14px;color:var(--jc-ink);font:inherit;font-weight:400;min-height:48px;box-sizing:border-box}.je-shell .jc-field textarea{line-height:1.6;resize:vertical}.je-shell .jc-field>small{font-size:11px;font-weight:400;color:var(--jc-muted)}.je-shell .jc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.je-shell .jc-check{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;margin:20px 0;cursor:pointer}.je-shell .jc-check input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#00583f}.je-shell .jc-alert{padding:18px 22px;border-radius:12px;border:1px solid #dfb99a;background:#fff4e8;color:#603a24;margin-bottom:20px;line-height:1.6}.je-shell .jc-button{background:#fff;color:var(--jc-green);border-color:#b7cfbf}.je-shell .jc-button-primary{background:var(--jc-green);border-color:var(--jc-green);color:#fff}.je-shell .jc-button:hover{background:#eaf2e5;color:var(--jc-green)}.je-shell .jc-button-primary:hover{background:#064b38;color:#fff}.je-shell .jc-empty{padding:38px 20px;text-align:center}.je-shell .jc-empty h2,.je-shell .jc-empty h3{font-size:24px;margin-bottom:12px}.je-shell .jc-empty p{font-size:13px;max-width:430px;margin:0 auto 20px;color:var(--jc-muted)}.je-shell .jc-task-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px}.je-shell .jc-task{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px 17px;background:#fff;border:1px solid var(--jc-line);border-radius:16px;font:inherit;gap:10px;color:var(--jc-ink);cursor:pointer;min-height:150px}.je-shell .jc-task strong{font-size:14px}.je-shell .jc-task>span:last-child{font-size:12px;line-height:1.5;color:var(--jc-muted)}.je-shell .jc-task.is-active{background:#eaf2da;border-color:#789d56;box-shadow:inset 0 0 0 1px #789d56}.je-shell .jc-task:hover{border-color:#6a8f71}.je-shell .jc-prose{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.je-shell .jc-prose :is(p,ul,ol){margin-bottom:18px}.je-shell .jc-prose :is(ul,ol){padding-left:24px}.je-shell .ng-submitted :is(input,select,textarea).ng-invalid{border-color:#ad4736}.je-shell .jc-actions{flex-wrap:wrap}.je-shell details>summary{font-weight:600;font-size:13px}.je-shell :is(user-job-type,user-location,job-category-single,job-location,job-skill-tags,language-tags,education,job-category-tags,ms-datepicker){display:block;min-width:0}.je-shell .select2-container{width:100%!important}.je-shell .je-legacy-content .row{display:flex;flex-wrap:wrap;margin:0 -10px}.je-shell .je-legacy-content .row>[class*="col-"]{box-sizing:border-box;padding:0 10px;min-width:0}.je-shell .je-legacy-content :is(.col-md-12,.col-lg-12){width:100%}.je-shell .je-legacy-content :is(.col-md-6,.col-lg-6){width:50%}.je-shell .je-legacy-content :is(.col-md-4,.col-lg-4){width:33.3333%}.je-shell .je-legacy-content :is(.col-md-8,.col-lg-8){width:66.6667%}.je-shell .je-legacy-content :is(.col-md-3,.col-lg-3){width:25%}.je-shell .je-legacy-content :is(.col-md-9,.col-lg-9){width:75%}.je-shell .je-legacy-content :is(.pf-field,.submit-field,fieldset){margin:0 0 22px;border:0;padding:0;min-width:0}.je-shell .je-legacy-content img{max-width:100%;height:auto}.je-shell .je-legacy-content .hide{display:none}.je-shell .je-legacy-content .popup-with-zoom-anim{cursor:pointer}.je-shell .je-legacy-content :is(.mfp-hide,.ng-hide){display:none!important}.je-shell .je-legacy-content .table-responsive{max-width:100%;overflow:auto}.je-shell .je-legacy-content .btn-group{display:flex;flex-wrap:wrap;gap:8px}.je-shell .je-legacy-content :is(.text-danger,.field-error){color:#a43b2b}.je-shell .je-legacy-content .jc-compact-cv{border-radius:18px}.je-shell .je-legacy-content :is(.text-center,.app-empty-state){text-align:center}.je-shell .je-legacy-content .pagination{display:flex;flex-wrap:wrap;gap:5px;padding:16px 0;list-style:none}.je-shell .je-legacy-content .pagination a{display:flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--jc-line);border-radius:8px}.je-shell .je-legacy-content .pagination .active a{background:var(--jc-green);color:#fff} @media(max-width:1250px){.je-shell .jc-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.je-shell .jc-grid-main{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){.je-shell .jc-page-head{align-items:flex-start;flex-direction:column;gap:16px}.je-shell .jc-page-head h1{font-size:33px}.je-shell .jc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.je-shell .jc-stat{padding:18px 14px}.je-shell .jc-stat strong{font-size:29px}.je-shell .jc-card-head{padding:22px 20px 0;align-items:flex-start;flex-wrap:wrap}.je-shell .jc-card-body{padding:22px 20px}.je-shell .jc-card-head h2{font-size:22px}.je-shell .jc-grid,.je-shell .jc-form-grid{grid-template-columns:1fr}.je-shell .jc-task-grid{display:flex;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.je-shell .jc-task{flex:0 0 180px;min-height:145px;scroll-snap-align:start}.je-shell .jc-field :is(input,select,textarea){font-size:16px}.je-shell .je-legacy-content .row>[class*="col-"]{width:100%}.je-shell .je-legacy-content table{min-width:590px}.je-shell .je-legacy-content .table-responsive{margin-bottom:20px}.je-shell .je-legacy-content .row{margin:0}.je-shell .je-legacy-content .row>[class*="col-"]{padding:0}.je-shell .je-save-bar .jc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}.je-shell .je-save-bar .jc-button-primary{grid-column:1/-1}.je-shell .jc-check{font-size:13px}} /* Portalled dialogs inherit the employer design too. */ html.j5-employer-route .ngdialog { position: fixed; inset: 0; z-index: 10010; overflow: auto; padding: 7vh 20px; font-family: Arial, sans-serif; color: #142b24; } html.j5-employer-route .ngdialog-overlay { position: fixed; inset: 0; background: rgba(13,37,29,.48); } html.j5-employer-route .ngdialog-content { position: relative; width: min(680px,100%); margin: 0 auto; border-radius: 24px; background: #fff; padding: 32px; box-sizing: border-box; box-shadow: 0 24px 80px rgba(0,0,0,.18); } html.j5-employer-route .ngdialog-close { position: absolute; right: 14px; top: 12px; width: 40px; height: 40px; border: 0; background: #edf3ed; color: #184437; cursor: pointer; border-radius: 50%; } html.j5-employer-route .ngdialog-close:before { content: '×'; font-size: 26px; } html.j5-employer-route .ngdialog video { display: block; width: 100%; max-height: 65vh; } html.j5-employer-route .ngdialog h3 { margin: 0 40px 22px 0; } html.j5-employer-route .ngdialog button:focus-visible { outline: 3px solid #00583f; outline-offset: 3px; } @media(max-width:620px) { .jc-shell .jc-video-item { grid-template-columns: 1fr; gap: 16px; } html.j5-employer-route .ngdialog { padding: 18px 12px; } html.j5-employer-route .ngdialog-content { padding: 24px 18px; border-radius: 18px; } } .je-shell .je-candidate-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.je-shell .je-candidate-search .jc-field{flex:1;min-width:230px;margin:0}.je-shell .je-candidate-search>.jc-button{min-height:48px}.je-shell .je-candidate-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:28px;margin-top:24px;border-top:1px solid var(--jc-line)}.je-shell .je-candidate-filters>div:empty{display:none}.je-shell .je-candidate-filters :is(h4,h5){font-size:14px;margin:0 0 16px}.je-shell .je-candidate-filters .checkboxes{display:grid;gap:8px}.je-shell .je-candidate-filters .checkboxes>p{display:flex;align-items:center;gap:10px;margin:0;padding:9px 11px;border:1px solid #e0e8dc;border-radius:9px;background:#fbfcf9}.je-shell .je-candidate-filters input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#00583f}.je-shell .je-candidate-filters label{font-size:12px;line-height:1.5;cursor:pointer}.je-shell .je-candidate-filters input[type=text]{width:100%;min-width:0;padding:12px;border:1px solid var(--jc-line);border-radius:9px}.je-shell .je-person-intro{display:flex;align-items:center;gap:14px}.je-shell .je-person-intro .jc-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px}.je-shell .je-person-intro h2{margin:0}.je-shell .je-person-intro h2 button{font:inherit;text-align:left;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.je-shell .je-person-intro p{font-size:13px;margin:6px 0 0}.je-shell .je-job-menu{position:relative}.je-shell .je-job-menu>a{display:block;padding:11px;font-size:12px}.je-shell .je-job-menu[open]{background:#f1f5ec;border-radius:10px;padding:8px}.je-shell .je-section-tabs button.is-active{background:var(--jc-green);color:white}.jc-shell .jc-sidebar .jc-icon-button:hover{background:#ffffff1c;color:white} @media(max-width:760px){.je-shell .je-candidate-search{display:grid;grid-template-columns:1fr 1fr}.je-shell .je-candidate-search .jc-field{grid-column:1/-1;min-width:0}.je-shell .je-candidate-search .jc-button{font-size:12px;padding:10px}.je-shell .je-candidate-filters{grid-template-columns:1fr}.je-shell .je-candidate-filters label{font-size:14px}} /* Free employer plans, transparent one-off purchases and shared profile fallback. */ .jc-shell .jc-person-image{display:block;object-fit:cover;flex-shrink:0;background:#e7f3eb;border-radius:50%;aspect-ratio:1} .jc-shell .jc-avatar>img{width:100%;height:100%;border-radius:inherit} .jc-shell .jc-photo-choice>.jc-person-image,.jc-shell .jc-settings-avatar>.jc-person-image{width:76px;height:76px} .jc-shell .ja-accent{color:#087656} .jc-shell .ja-free{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;background:#e2efdf;border:1px solid #c9dfcc;border-radius:24px;padding:36px;margin-bottom:36px} .jc-shell .ja-free h2{max-width:530px;font-size:clamp(24px,3vw,32px);line-height:1.15;margin:16px 0} .jc-shell .ja-free p{max-width:560px;color:#486456;line-height:1.7} .jc-shell .ja-pill{display:inline-flex;align-items:center;gap:6px;background:#e5f2e9;color:#00563e;border:1px solid #c6dfce;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:750;letter-spacing:.03em;line-height:1.5} .jc-shell .ja-included{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:24px 0} .jc-shell .ja-included li{display:flex;align-items:center;gap:7px;font-size:13px} .jc-shell .ja-included li::before{content:'✓';font-weight:800;color:#006348} .jc-shell .ja-zero{align-self:center;text-align:center;display:flex;flex-direction:column;gap:15px} .jc-shell .ja-zero strong{font-size:88px;letter-spacing:-.08em;font-weight:750;line-height:1;color:#004d37} .jc-shell .ja-zero strong span{font-size:24px;letter-spacing:-.03em} .jc-shell .ja-zero>span{font-size:13px;color:#406654;line-height:1.65} .jc-shell .ja-purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start} .jc-shell .ja-choices{display:grid;gap:24px;min-width:0} .jc-shell .ja-job-choice .jc-field{margin-bottom:0} .jc-shell .ja-job-choice select{width:100%;min-width:0;text-overflow:ellipsis;background:#fff} .jc-shell .ja-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .jc-shell .ja-product{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:24px;background:#fff;border:2px solid #d7e4dc;border-radius:22px;cursor:pointer;transition:border-color .15s,box-shadow .15s} .jc-shell .ja-product:hover{border-color:#82bca0} .jc-shell .ja-product:focus-within{outline:3px solid #86c4aa;outline-offset:3px} .jc-shell .ja-product.is-selected{border-color:#006348;background:#f2f9f3;box-shadow:0 8px 26px #003d2210} .jc-shell .ja-product.is-owned{border-style:dashed;cursor:default} .jc-shell .ja-product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .jc-shell .ja-product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e5f2e9;color:#006348} .jc-shell .ja-product-icon>span{width:24px;height:24px} .jc-shell .ja-product input[type=checkbox],.jc-shell .ja-consent input{width:22px;height:22px;min-width:22px;accent-color:#006348;cursor:pointer} .jc-shell .ja-product h3{font-size:22px;letter-spacing:-.03em;margin:0} .jc-shell .ja-product p{font-size:13px;line-height:1.75;color:#526b5e;margin:0;font-weight:400} .jc-shell .ja-product ul{font-size:12px;line-height:1.65;padding-left:18px;font-weight:400;color:#345145;margin:12px 0 18px} .jc-shell .ja-product li{margin:6px 0} .jc-shell .ja-price{margin-top:auto;font-size:34px;font-weight:750;letter-spacing:-.05em;line-height:1.2} .jc-shell .ja-price span{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:4px} .jc-shell .ja-product-note{font-size:11px;font-weight:500;color:#62796c} .jc-shell .ja-summary{position:sticky;top:94px;min-width:0} .jc-shell .ja-summary h2{font-size:27px;margin:10px 0 18px} .jc-shell .ja-selected-job{font-weight:650;overflow-wrap:anywhere;padding-bottom:18px;border-bottom:1px solid #e0e9e2} .jc-shell .ja-line{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:13px;padding:10px 0;line-height:1.65} .jc-shell .ja-line strong{white-space:nowrap} .jc-shell .ja-totals{border-top:1px solid #d4e4d9;padding-top:16px;margin:16px 0 22px} .jc-shell .ja-totals>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:12px} .jc-shell .ja-totals dt{font-weight:400} .jc-shell .ja-totals dd{margin:0;font-weight:600;white-space:nowrap} .jc-shell .ja-totals .ja-total{font-size:17px;border-top:1px solid #d4e4d9;margin-top:12px;padding-top:17px} .jc-shell .ja-totals .ja-total dt{font-weight:700} .jc-shell .ja-consent{display:flex;gap:12px;font-size:12px;line-height:1.7;align-items:start;margin:18px 0} .jc-shell .ja-consent input{margin:0} .jc-shell .ja-small{font-size:12px;line-height:1.7;color:#5b7064;font-weight:400;overflow-wrap:anywhere} .jc-shell .ja-pay{width:100%;white-space:normal;line-height:1.4;min-height:52px} .jc-shell .ja-free-link{display:block;text-align:center;font-size:12px;font-weight:600;text-decoration:underline;margin-top:22px} .jc-shell .ja-order-list{display:grid;gap:12px} .jc-shell .ja-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 20px;gap:24px;align-items:center;padding:24px;color:inherit;text-decoration:none} .jc-shell .ja-order-row>span:first-child{display:grid;gap:6px;overflow-wrap:anywhere} .jc-shell .ja-receipt>article{max-width:760px;margin:0 auto} .jc-shell .ja-receipt-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d7e6dc;padding-bottom:24px;margin-bottom:24px} .jc-shell .ja-receipt-head>img{background:#005e42;border-radius:12px;padding:8px;object-fit:contain;width:150px;height:65px} .jc-shell .ja-fulfilment{display:grid;gap:18px} .jc-shell .ja-fulfilment>section{background:#f2f8f3;padding:22px;border:1px solid #d2e4d7;border-radius:16px} .jc-shell .ja-fulfilment h3{font-size:20px;margin:16px 0 10px} .jc-shell .ja-fulfilment p{font-size:13px;line-height:1.7;color:#476151} .jc-shell .ja-order-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .jc-shell .ja-job-upsell{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e9f3e7;border:1px solid #c9dfce;border-radius:18px;padding:20px 24px;margin-bottom:24px} .jc-shell .ja-job-upsell p{font-size:12px;margin:8px 0 0;line-height:1.6;color:#4b6857} /* Protect the entire workspace from inherited fixed-width tables, editors and media. */ .jc-shell .jc-workspace,.jc-shell .jc-main,.jc-shell .jc-page,.jc-shell .je-legacy-content{min-width:0;max-width:100%} .jc-shell .je-legacy-content .row{margin-left:0;margin-right:0} .jc-shell .je-legacy-content .container,.jc-shell .je-legacy-content .container-fluid{width:100%;max-width:100%;padding-left:0;padding-right:0} .jc-shell .je-legacy-content .table-responsive{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain} .jc-shell .je-legacy-content video,.jc-shell .jc-page iframe,.jc-shell .jc-page canvas{max-width:100%} .jc-shell .jc-page input,.jc-shell .jc-page select,.jc-shell .jc-page textarea{min-width:0} .jc-shell .jc-page h1,.jc-shell .jc-page h2,.jc-shell .jc-page h3{overflow-wrap:anywhere} .jc-shell .jc-sidebar a:focus-visible,.jc-shell .jc-sidebar summary:focus-visible{outline:2px solid #c1f1d4;outline-offset:3px} @media(max-width:1200px){.jc-shell .ja-purchase-layout{grid-template-columns:minmax(0,1fr) 295px}.jc-shell .ja-product-grid{grid-template-columns:1fr}.jc-shell .ja-product ul{margin-bottom:12px}.jc-shell .ja-price span{display:inline;margin-left:6px}} @media(max-width:900px){.jc-shell .ja-purchase-layout{grid-template-columns:1fr}.jc-shell .ja-summary{position:static}.jc-shell .ja-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-shell .ja-free{padding:26px;grid-template-columns:minmax(0,1fr) 150px}.jc-shell .ja-zero strong{font-size:68px}.jc-shell .ja-price span{display:block;margin-left:0}} @media(max-width:600px){.jc-shell .ja-free{grid-template-columns:1fr;gap:24px;padding:24px}.jc-shell .ja-zero{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;order:-1}.jc-shell .ja-zero strong{font-size:64px}.jc-shell .ja-zero>span{font-size:12px}.jc-shell .ja-product-grid{grid-template-columns:1fr}.jc-shell .ja-product{padding:22px}.jc-shell .ja-product ul{font-size:13px}.jc-shell .ja-price span{display:inline;margin-left:6px}.jc-shell .ja-summary .jc-card-body{padding:24px}.jc-shell .ja-order-row{grid-template-columns:1fr auto;gap:14px;padding:20px}.jc-shell .ja-order-row>span:first-child{grid-column:1/-1}.jc-shell .ja-order-row>span:last-child{display:none}.jc-shell .ja-receipt-head{align-items:flex-start;flex-wrap:wrap}.jc-shell .ja-job-upsell{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.jc-shell .ja-job-upsell .jc-button{align-self:flex-start}.jc-shell .jc-page input,.jc-shell .jc-page textarea,.jc-shell .jc-page select{font-size:16px}.jc-shell .jc-page .jc-button{min-height:44px}.jc-shell .je-legacy-content .status-tabs{overflow-x:auto;max-width:100%;white-space:nowrap;padding-bottom:8px}.jc-shell .je-legacy-content .candidate-drawer{width:100%;max-width:100vw}.jc-shell .jc-topbar-label>span{display:none}.jc-shell .jc-footer{flex-wrap:wrap;gap:12px}} @media(prefers-reduced-motion:reduce){.jc-shell .ja-product{transition:none}} @media print{.jc-shell .jc-sidebar,.jc-shell .jc-topbar,.jc-shell .jc-mobile-nav,.jc-shell .jc-footer,.jc-shell .ja-order-actions,.jc-shell .ja-receipt>.jc-page-head{display:none!important}.jc-shell .jc-workspace{margin:0!important}.jc-shell .jc-main{padding:0!important}.jc-shell .ja-receipt>article{border:0;box-shadow:none;max-width:100%}} .jc-shell .jc-stream .ticontainer .tidot{background-color:#71907d} .jc-shell .jc-stream .tiblock{align-items:center;display:flex;height:17px} .jc-shell .jc-stream .tidot{border-radius:50%;display:inline-block;height:6px;width:6px;margin-right:3px} .jc-shell .ja-ai-reason{border:1px solid #d1e3d6;border-radius:12px;padding:16px;margin-top:16px;background:#f5faf5} .jc-shell .ja-ai-reason summary{cursor:pointer;font-weight:650;min-height:30px} .jc-shell .ja-ai-reason p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8} .jc-shell .ja-ai-reason small{color:#597060;line-height:1.6} /* Always-visible support navigation, shared by both workspaces. */ .jc-shell .jc-sidebar .jc-sidebar-support{border-top:1px solid #ffffff2b;padding-top:18px;gap:5px;flex-shrink:0} .jc-shell .jc-sidebar .jc-sidebar-support .jc-nav-label{margin:0 12px 8px;color:#cce0d5} .jc-shell .jc-sidebar .jc-sidebar-support a{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border-radius:10px;color:#f1f7f3;font-size:13px;font-weight:600;line-height:1.4;white-space:normal;text-decoration:none} .jc-shell .jc-sidebar .jc-sidebar-support a:hover{background:#ffffff18;color:#fff} .jc-shell .jc-sidebar .jc-sidebar-support a.is-current{background:#e3f49c;color:#16432e} .jc-shell .jc-sidebar .jc-sidebar-support a:focus-visible{outline:2px solid #e3f49c;outline-offset:2px;background:#126b50;color:#fff} .jc-shell .jc-sidebar .jc-sidebar-support .jc-icon{flex:0 0 20px;width:20px;height:20px} .jc-shell .jc-sidebar .jc-sidebar-support a>span:last-child{min-width:0;overflow-wrap:anywhere} .jc-shell .jc-sidebar>.jc-brand-row,.jc-shell .jc-sidebar>nav,.jc-shell .jc-sidebar>.jc-sidebar-extra,.jc-shell .jc-sidebar>.jc-account{flex-shrink:0} /* Employer screenshot corrections, 23 September 2026. Independent of legacy CSS. */ .je-shell .jc-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:22px; } .je-shell .jc-actions > * { margin:0; } .je-shell .je-save-bar { position:static; margin-top:28px; padding:20px 24px; gap:16px; box-shadow:none; } .je-shell .je-password-card { margin-top:32px; } .je-shell .jc-field { margin-bottom:24px; } .je-shell .jc-field:last-child { margin-bottom:0; } .je-shell .je-action-card h3 { color:#fff; font-size:24px; line-height:1.3; margin:12px 0; } .je-shell .je-action-card p, .je-shell .je-action-card a { color:#fff; } .je-shell .jc-stats > .jc-stat { padding:24px; min-height:148px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; } .je-shell .jc-stats > .jc-stat > * { margin:0; } .je-shell .je-cv-identity { padding:28px; margin-bottom:24px; } .je-shell .je-cv-person { display:flex; align-items:center; gap:22px; min-width:0; } .je-shell .je-cv-person > div { min-width:0; } .je-shell .je-cv-person h2 { margin:0 0 8px; font-size:28px; overflow-wrap:anywhere; } .je-shell .je-cv-person p { margin:0 0 8px; } .je-shell img.je-cv-avatar { width:88px; height:88px; min-width:88px; max-width:88px; flex:0 0 88px; object-fit:cover; border-radius:22px; } .je-shell .je-cv-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#52716b; } .je-shell .je-cv-columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:24px; align-items:start; } .je-shell .je-cv-main, .je-shell .je-cv-aside { display:grid; gap:24px; min-width:0; } .je-shell .je-cv-timeline { list-style:none; margin:0; padding:0 26px 26px; } .je-shell .je-cv-timeline > li { padding:22px 0; border-bottom:1px solid #d7e5dc; } .je-shell .je-cv-timeline > li:first-child { padding-top:0; } .je-shell .je-cv-timeline > li:last-child { padding-bottom:0; border:0; } .je-shell .je-cv-timeline h3 { margin:0 0 8px; font-size:18px; } .je-shell .je-cv-timeline p { margin:0 0 8px; } .je-shell .je-cv-tags { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0 26px 26px; } .je-shell .je-cv-tags li { padding:8px 12px; border-radius:10px; background:#edf6ee; color:#075d48; line-height:1.5; overflow-wrap:anywhere; } .je-shell .je-cv-aside video { display:block; width:100%; border-radius:12px; } .je-shell .je-cv-document { padding:16px; } .je-shell .je-cv-document iframe { display:block; width:100%; height:75vh; min-height:420px; border:0; } .je-shell .je-filter-panel { margin-top:24px; padding-top:24px; border-top:1px solid #d7e5dc; } .je-shell .je-filter-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px; } .je-shell .je-filter-heading h2 { font-size:20px; margin:0 0 6px; } .je-shell .je-filter-heading p { margin:0; color:#52716b; } .je-shell .je-filter-location { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; align-items:start; padding-bottom:24px; } .je-shell .je-filter-location .jc-field { margin:0; min-width:0; } .je-shell .je-filter-location angucomplete { display:block; position:relative; } .je-shell .je-filter-location .angucomplete-dropdown { position:absolute; z-index:40; width:100%; max-height:240px; overflow:auto; background:white; border:1px solid #9fc4b2; border-radius:10px; box-shadow:0 10px 25px #003c291a; } .je-shell .je-filter-location .angucomplete-row { padding:12px; cursor:pointer; } .je-shell .je-filter-location .angucomplete-selected-row { background:#ddffac; } .je-shell .je-distance > span { display:flex; justify-content:space-between; gap:10px; } .je-shell .je-distance input[type=range] { width:100%; min-height:44px; padding:0; border:0; box-shadow:none; accent-color:#005e46; cursor:pointer; } .je-shell .je-distance small { color:#52716b; font-size:12px; } .je-shell .je-inline-field { display:flex; align-items:center; gap:8px; } .je-shell .je-inline-field input { min-width:0; } .je-shell .je-filter-groups { display:grid; grid-template-columns:1fr 1fr; gap:24px 30px; } .je-shell .je-filter-groups fieldset { min-width:0; padding:0; margin:0; border:0; } .je-shell .je-filter-groups legend { font-size:14px; font-weight:700; margin:0 0 12px; padding:0; } .je-shell .je-filter-options { display:flex; flex-wrap:wrap; gap:8px; } .je-shell .je-filter-option { display:flex; align-items:center; gap:8px; padding:10px 12px; min-height:44px; border:1px solid #b7d1c1; border-radius:10px; background:#fff; cursor:pointer; font-size:13px; line-height:1.4; margin:0; } .je-shell .je-filter-option:hover { border-color:#005e46; background:#f1f8ee; } .je-shell .je-filter-option.is-selected { background:#e0ffb0; border-color:#005e46; color:#003e2f; } .je-shell .je-filter-option input { width:16px; height:16px; min-height:0; flex:0 0 16px; margin:0; accent-color:#005e46; } .je-shell .je-filter-option:focus-within, .je-shell .je-file-picker:focus-within { outline:3px solid #377a60; outline-offset:3px; } .je-shell .je-filter-count { display:inline-flex; justify-content:center; align-items:center; min-width:22px; height:22px; padding:0 5px; background:#dcff9a; border-radius:20px; color:#004b37; } .je-shell .je-result-count { margin:24px 0 16px; font-weight:600; } .je-shell .je-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; margin:32px 0; } .je-shell .je-pagination button:disabled { opacity:.45; cursor:default; } .je-shell .je-upload-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .je-shell .je-upload-tile { min-width:0; border:1px dashed #a2c7b4; background:#f6faf4; border-radius:16px; padding:24px; } .je-shell .je-upload-tile h3 { font-size:17px; margin:0 0 8px; } .je-shell .je-upload-tile p { margin:0 0 18px; color:#52716b; } .je-shell .je-file-picker { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 20px; background:#005e46; border:1px solid #005e46; border-radius:10px; color:#fff; font-weight:700; cursor:pointer; overflow:hidden; } .je-shell .je-file-picker:hover { background:#004d39; } .je-shell .je-file-picker input[type=file] { position:absolute; inset:0; width:100%; height:100%; min-height:0; padding:0; margin:0; opacity:0; cursor:pointer; } .je-shell .je-upload-tile .je-file-name { margin:14px 0 0; overflow-wrap:anywhere; font-size:13px; } .je-shell .je-upload-tile .je-profile-logo { width:72px; height:72px; object-fit:contain; margin-bottom:16px; } .je-shell input[type=file]::file-selector-button { border:0; border-radius:7px; padding:10px 14px; margin-right:14px; background:#005e46; color:white; cursor:pointer; } /* ngTagsInput needs its own layout when the old theme is disabled. */ .je-shell .jc-field tags-input, .je-shell .jc-field tags-input .host { display:block; position:relative; width:100%; margin:0; } .je-shell .jc-field tags-input .tags { min-height:48px; height:auto; padding:6px 10px; border:1px solid #a9cbb8; border-radius:10px; background:#fff; box-shadow:none; display:flex; flex-wrap:wrap; align-items:center; gap:6px; } .je-shell .jc-field tags-input .tags.focused { border-color:#005e46; outline:3px solid #005e461a; } .je-shell .jc-field tags-input .tag-list { list-style:none; display:contents; margin:0; padding:0; } .je-shell .jc-field tags-input .tag-item { display:inline-flex; align-items:center; float:none; max-width:100%; height:auto; margin:0; padding:6px 10px; border:0; border-radius:7px; background:#edf6e8; color:#075d48; line-height:1.4; } .je-shell .jc-field tags-input .tag-template, .je-shell .jc-field tags-input .tag-template .right-panel { display:flex; align-items:center; gap:8px; min-width:0; } .je-shell .jc-field tags-input .tag-template span { overflow-wrap:anywhere; } .je-shell .jc-field tags-input .left-panel { display:none; } .je-shell .jc-field tags-input .tags .input { flex:1 1 160px; width:auto !important; max-width:100%; min-width:100px; height:34px; min-height:34px; float:none; border:0; border-radius:0; padding:6px 3px; margin:0; background:transparent; box-shadow:none; font:inherit; color:#143e32; } .je-shell .jc-field tags-input .tags .input:focus { outline:0; box-shadow:none; } .je-shell .jc-field tags-input .remove-button { display:inline-flex; justify-content:center; align-items:center; min-width:24px; min-height:24px; color:#075d48; cursor:pointer; text-decoration:none; } .je-shell .jc-field tags-input .remove-button:after { content:'×'; font-size:20px; } .je-shell .jc-field tags-input .remove-button i { display:none; } .je-shell .jc-field tags-input .autocomplete { position:absolute; inset-inline:0; z-index:50; margin-top:6px; padding:6px; max-height:260px; overflow:auto; background:#fff; border:1px solid #a9cbb8; border-radius:10px; box-shadow:0 10px 25px #003c291a; } .je-shell .jc-field tags-input .suggestion-list { list-style:none; margin:0; padding:0; } .je-shell .jc-field tags-input .suggestion-item { padding:10px 12px; cursor:pointer; border-radius:6px; } .je-shell .jc-field tags-input .suggestion-item.selected { background:#e0ffb0; } .je-shell .jc-field tags-input .suggestion-item em { font-weight:700; font-style:normal; } @media (max-width:1100px) { .je-shell .je-filter-location { grid-template-columns:1fr 1fr; } .je-shell .je-filter-location > :last-child { grid-column:1/-1; } } @media (max-width:760px) { .je-shell .je-cv-columns, .je-shell .je-filter-groups, .je-shell .je-filter-location, .je-shell .je-upload-grid { grid-template-columns:minmax(0,1fr); } .je-shell .je-cv-identity { padding:20px; } .je-shell .je-cv-person { gap:16px; align-items:flex-start; } .je-shell img.je-cv-avatar { width:64px; height:64px; min-width:64px; max-width:64px; flex-basis:64px; border-radius:16px; } .je-shell .je-cv-person h2 { font-size:23px; } .je-shell .je-filter-heading { flex-wrap:wrap; } .je-shell .je-save-bar { padding:18px; } .je-shell .je-pagination { gap:12px; } } /* Follow-up from the installed browser review: inherited first-child/mobile padding wins otherwise. */ .jc-shell.je-shell .jc-stats > .jc-stat { padding:24px !important; } .je-shell .je-filter-location .search_keyword_icon { display:none; } .je-shell .je-cv-document-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:16px; } .je-shell .je-cv-document-tools p { margin:0; } @media(max-width:760px) { .jc-shell.je-shell .jc-stats > .jc-stat { padding:18px 14px !important; } } /* Applicant workspace: a quiet job ledger, with one working surface and a narrow facts rail. */ .je-shell .je-hiring-page { max-width:1440px; margin-inline:auto; } .je-shell .je-hiring-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:20px; font-size:13px; color:#52675e; text-decoration:none; } .je-shell .je-hiring-back:hover { color:#005e46; text-decoration:underline; text-underline-offset:4px; } .je-shell .je-hiring-header { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; padding-bottom:32px; } .je-shell .je-hiring-header > div { min-width:0; max-width:820px; } .je-shell .je-hiring-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:16px; color:#617269; font-size:10px; font-weight:700; letter-spacing:.12em; } .je-shell .je-hiring-job-status { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:500; letter-spacing:0; } .je-shell .je-hiring-job-status:before { content:''; width:6px; height:6px; border-radius:50%; background:#005e46; } .je-shell .je-hiring-job-status.is-draft:before { background:#9b8060; } .je-shell .je-hiring-header h1 { font-size:clamp(26px,2.5vw,36px); line-height:1.2; letter-spacing:-.025em; font-weight:650; margin:14px 0 12px; overflow-wrap:anywhere; } /* The bridge's #v5-main typography rule otherwise disables emergency wrapping. * Keep Danish hyphenation and normal word boundaries; only split words that * cannot fit on the applicant page, including user-supplied names and prose. */ .v5-document #v5-main .je-hiring-page :is(h1,h2,.je-applicant-person button,.je-application-message) { overflow-wrap:break-word; } .je-shell .je-hiring-header p { font-size:14px; line-height:1.6; color:#617269; margin:0; } .je-shell .je-hiring-page .jc-button { min-height:44px; padding:11px 16px; border-radius:6px; font-size:13px; line-height:1.4; box-shadow:none; } .je-shell .je-hiring-edit { margin-top:28px; flex-shrink:0; } .je-shell .je-hiring-loading { padding:12px 0; color:#617269; } .je-shell .je-hiring-layout { display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:32px; align-items:start; } .je-shell .je-hiring-workspace { min-width:0; padding:28px; background:#fff; border:1px solid #d8e0d8; border-top:3px solid #005e46; border-radius:3px 3px 8px 8px; } .je-shell .je-hiring-section-head { margin-bottom:24px; } .je-shell .je-hiring-section-head h2 { margin:0 0 6px; font-size:23px; font-weight:650; letter-spacing:-.02em; } .je-shell .je-hiring-section-head h2 > span { margin-left:10px; color:#687970; font-weight:400; font-variant-numeric:tabular-nums; } .je-shell .je-hiring-section-head p { margin:0; font-size:13px; line-height:1.6; color:#617269; } .je-shell .je-hiring-search { display:flex; align-items:flex-end; gap:10px; margin:0 0 24px; } .je-shell .je-hiring-search .jc-field { flex:1; min-width:0; margin:0; } .je-shell .je-hiring-search .jc-field > span { font-size:12px; } .je-shell .je-hiring-page .jc-field input:not([type=checkbox]):not([type=range]) { min-height:44px; border-radius:6px; border-color:#acbeb1; font-size:14px; padding:11px 12px; } .je-shell .je-hiring-search > button { flex-shrink:0; } .je-shell .je-hiring-page .je-filter-panel { margin:0 0 26px; padding:24px 0; border-bottom:1px solid #d8e0d8; } .je-shell .je-hiring-page .je-filter-heading h2 { font-size:17px; } .je-shell .je-hiring-page .je-filter-heading p { font-size:13px; } .je-shell .je-hiring-page .je-filter-location { grid-template-columns:1fr 1fr; gap:22px; } .je-shell .je-hiring-page .je-filter-location > :last-child { grid-column:1/-1; } .je-shell .je-hiring-page .je-filter-options { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; } .je-shell .je-hiring-page .je-filter-option { border-color:transparent; border-radius:4px; padding:8px; font-size:12px; } .je-shell .je-hiring-page .je-filter-option.is-selected { border-color:#b7cbbf; background:#edf3ee; color:#164c38; } .je-shell .je-hiring-tabs { display:flex; gap:22px; border-bottom:1px solid #d8e0d8; overflow-x:auto; scrollbar-width:thin; } .je-shell .je-hiring-tabs button { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; min-height:48px; margin:0; padding:10px 0 12px; border:0; border-bottom:2px solid transparent; background:transparent; border-radius:0; color:#617269; font:inherit; font-size:12px; cursor:pointer; white-space:nowrap; } .je-shell .je-hiring-tabs button span { font-size:11px; font-variant-numeric:tabular-nums; color:#617269; } .je-shell .je-hiring-tabs button.is-active { color:#005e46; font-weight:700; border-bottom-color:#005e46; } .je-shell .je-hiring-tabs button:hover { color:#005e46; border-bottom-color:#b7cbbf; } .je-shell .je-hiring-tabs button:focus-visible { outline:2px solid #005e46; outline-offset:-3px; } .je-shell .je-hiring-results { position:relative; min-height:260px; } .je-shell .je-applicant-table { width:100%; border-collapse:collapse; table-layout:auto; font-size:12px; text-align:left; } .je-shell .je-applicant-table th { padding:18px 10px; border-bottom:1px solid #e3e8e1; color:#617269; font-size:11px; font-weight:500; } .je-shell .je-applicant-table td { padding:20px 10px; border-bottom:1px solid #e3e8e1; vertical-align:middle; } .je-shell .je-applicant-table tr:last-child td { border-bottom:0; } .je-shell .je-applicant-table th:first-child, .je-shell .je-applicant-table td:first-child { padding-left:0; } .je-shell .je-applicant-table th:last-child, .je-shell .je-applicant-table td:last-child { padding-right:0; } .je-shell .je-applicant-table tr.is-selected { background:#f5f8f3; } .je-shell .je-applicant-person > img { display:inline-block; width:38px; height:38px; max-width:38px; border-radius:50%; object-fit:cover; vertical-align:middle; margin-right:10px; } .je-shell .je-applicant-person > div { display:inline-block; vertical-align:middle; max-width:calc(100% - 54px); } .je-shell .je-applicant-person button { display:block; min-height:32px; padding:0; font-weight:650; font-size:14px; text-align:left; overflow-wrap:anywhere; } .je-shell .je-applicant-person small { display:block; color:#617269; font-size:10px; line-height:1.5; } .je-shell .je-applicant-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; line-height:1.5; color:#315f47; } .je-shell .je-applicant-status:before { content:''; flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:currentColor; } .je-shell .je-applicant-status.status-pending { color:#806135; } .je-shell .je-applicant-status.status-interview { color:#34617a; } .je-shell .je-applicant-status.status-rejected { color:#786860; } .je-shell .je-applicant-open .jc-text-link { padding:8px 0; min-height:44px; font-size:12px; text-align:left; } .je-shell .je-hiring-empty { padding:42px 12px 34px; max-width:520px; } .je-shell .je-hiring-empty-rule { height:2px; width:32px; margin-bottom:22px; background:#a9bca8; } .je-shell .je-hiring-empty h3 { margin:0 0 12px; font-size:22px; font-weight:600; letter-spacing:-.02em; } .je-shell .je-hiring-empty p { font-size:14px; line-height:1.8; color:#617269; margin:0 0 22px; } .je-shell .je-hiring-job { min-width:0; padding-top:29px; } .je-shell .je-hiring-job h2 { font-size:14px; margin:0 0 24px; font-weight:650; } .je-shell .je-hiring-job dl { margin:0; } .je-shell .je-hiring-job dl > div { margin-bottom:22px; } .je-shell .je-hiring-job dt { font-size:11px; color:#617269; margin-bottom:6px; } .je-shell .je-hiring-job dd { font-size:13px; line-height:1.5; font-weight:500; margin:0; } .je-shell .je-hiring-job-links { display:grid; gap:4px; padding:12px 0 18px; border-top:1px solid #d8e0d8; } .je-shell .je-hiring-job-links a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; font-size:12px; line-height:1.5; text-decoration:none; } .je-shell .je-hiring-job-links a:hover { text-decoration:underline; text-underline-offset:4px; } .je-shell .je-hiring-addons { padding-top:12px; border-top:1px solid #d8e0d8; } .je-shell .je-hiring-addons summary { padding:12px 0; font-size:12px; font-weight:500; color:#617269; cursor:pointer; } .je-shell .je-hiring-addons p { font-size:12px; line-height:1.7; color:#617269; margin:8px 0 12px; } .je-shell .je-hiring-addons a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; } .je-shell .je-hiring-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .je-shell .je-hiring-shade { position:fixed; inset:0; z-index:110; background:#17352e55; } .je-shell .je-hiring-drawer { position:fixed; inset:0 0 0 auto; width:min(580px,100%); max-width:100vw; height:100dvh; z-index:120; padding:26px 32px 40px; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; background:#fff; border-left:1px solid #d8e0d8; visibility:hidden; pointer-events:none; } .je-shell .je-hiring-drawer.is-open { visibility:visible; pointer-events:auto; } .je-shell .je-application-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; } .je-shell .je-application-head p { font-size:12px; color:#617269; margin:8px 0 0; } .je-shell .je-application-head .drawer-close { position:static; display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:#f5f7f3; color:#164c38; border:1px solid #d8e0d8; border-radius:6px; font-size:26px; line-height:1; cursor:pointer; } .je-shell .je-application-identity { display:flex; align-items:center; gap:16px; margin:28px 0 16px; } .je-shell .je-application-identity img { width:60px; height:60px; max-width:60px; flex-shrink:0; object-fit:cover; border-radius:50%; } .je-shell .je-application-identity h2 { font-size:25px; line-height:1.3; margin:0 0 6px; overflow-wrap:anywhere; } .je-shell .je-application-identity .jc-text-link { font-size:12px; padding:0; min-height:32px; } .je-shell .je-application-section { border-top:1px solid #d8e0d8; padding-top:24px; margin-top:26px; } .je-shell .je-application-section h3 { font-size:15px; margin:0 0 16px; } .je-shell .je-application-message { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.8; margin:0 0 20px; } .je-shell .je-application-files { display:flex; flex-wrap:wrap; gap:12px; } .je-shell .je-application-rating { display:flex; align-items:center; flex-wrap:wrap; gap:4px; } .je-shell .je-application-rating button { width:44px; height:44px; background:#fff; border:1px solid #c4cec5; border-radius:5px; color:#77827a; font-size:22px; cursor:pointer; } .je-shell .je-application-rating button.is-rated { color:#8a672b; background:#fbf6e9; border-color:#b9a373; } .je-shell .je-application-rating > span { margin-left:12px; font-size:12px; color:#617269; } .je-shell .je-application-ai { padding:18px; margin-top:26px; background:#f6f8f4; border:1px solid #d8e0d8; border-radius:6px; } .je-shell .je-application-ai summary { cursor:pointer; font-size:13px; } .je-shell .je-application-ai summary > span { margin-left:16px; font-variant-numeric:tabular-nums; } .je-shell .je-application-ai dl { margin:18px 0; } .je-shell .je-application-ai dl > div { display:flex; justify-content:space-between; gap:16px; padding:8px 0; font-size:12px; } .je-shell .je-application-ai dd { margin:0; } .je-shell .je-application-ai p { font-size:13px; line-height:1.7; } .je-shell .je-application-ai small { display:block; margin-top:14px; font-size:11px; color:#617269; line-height:1.6; } .je-shell .je-application-section textarea { display:block; width:100%; box-sizing:border-box; resize:vertical; min-height:112px; border:1px solid #acbeb1; background:#fff; color:#17392d; border-radius:6px; padding:12px; font:inherit; font-size:14px; line-height:1.6; margin-bottom:12px; } .je-shell .je-application-section .je-application-reject { color:#804d3e; border-color:#d6c4bb; } @media(max-width:1150px) { .je-shell .je-hiring-layout { grid-template-columns:minmax(0,1fr); gap:28px; } .je-shell .je-hiring-job { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; padding:0 4px; } .je-shell .je-hiring-job h2 { grid-column:1/-1; margin-bottom:20px; } .je-shell .je-hiring-job dl { display:flex; flex-wrap:wrap; gap:0 28px; } .je-shell .je-hiring-job-links { border-top:0; padding-top:0; } .je-shell .je-hiring-addons { grid-column:1/-1; } } @media(max-width:760px) { .je-shell .je-hiring-back { margin-bottom:12px; } .je-shell .je-hiring-header { display:block; padding-bottom:24px; } .je-shell .je-hiring-header h1 { font-size:27px; } .je-shell .je-hiring-edit { margin-top:20px; } .je-shell .je-hiring-workspace { padding:20px 16px; } .je-shell .je-hiring-search { flex-wrap:wrap; } .je-shell .je-hiring-search .jc-field { flex-basis:100%; } .je-shell .je-hiring-search > button { flex:1; } .je-shell .je-hiring-page .je-filter-location, .je-shell .je-hiring-page .je-filter-groups { grid-template-columns:minmax(0,1fr); } .je-shell .je-hiring-tabs { gap:20px; } .je-shell .je-hiring-empty { padding:32px 0 18px; } .je-shell .je-hiring-empty h3 { font-size:21px; } .je-shell .je-hiring-job { display:block; } .je-shell .je-hiring-job-links { padding-bottom:16px; } .je-shell .je-applicant-table, .je-shell .je-applicant-table tbody, .je-shell .je-applicant-table tr, .je-shell .je-applicant-table td { display:block; } .je-shell .je-applicant-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } .je-shell .je-applicant-table tr { padding:20px 0; border-bottom:1px solid #d8e0d8; } .je-shell .je-applicant-table tr:last-child { border-bottom:0; } .je-shell .je-applicant-table td { padding:6px 0; border:0; } .je-shell .je-applicant-table td[data-label] { display:flex; align-items:center; justify-content:space-between; gap:14px; } .je-shell .je-applicant-table td[data-label]:before { content:attr(data-label); color:#617269; font-size:12px; } .je-shell .je-applicant-table .je-applicant-person { margin-bottom:10px; } .je-shell .je-applicant-table .je-applicant-open { padding-top:10px; } .je-shell .je-hiring-drawer { padding:20px 22px 32px; } .je-shell .je-application-rating > span { margin-left:4px; } } /* CV editor: constrain intrinsic grid/flex widths instead of clipping content. */ .jc-shell .jc-cv-studio :is(.jc-form,.jc-editor-layout,.jc-editor-outline,.jc-editor-sections,.jc-import-card,.jc-editor-section,.jc-inline-ai,.jc-repeat-card,.jc-editor-savebar) { min-width:0; max-width:100%; box-sizing:border-box; } .jc-shell .jc-cv-studio .jc-editor-sections { grid-template-columns:minmax(0,1fr); } .jc-shell .jc-cv-studio :is(.jc-heading,.jc-import-heading,.jc-section-heading,.jc-section-head,.jc-photo-choice,.jc-editor-savebar) > div { min-width:0; max-width:100%; } .jc-shell .jc-cv-studio .jc-import-heading > div { flex:1; } .jc-shell .jc-cv-studio .jc-editor-outline nav { min-width:0; max-width:100%; } .jc-shell .jc-cv-studio :is(input,textarea,select,tags-input,.tags) { min-width:0; max-width:100%; box-sizing:border-box; } .jc-shell .jc-cv-studio .select2-container { width:100%!important; min-width:0; max-width:100%; } .jc-shell .jc-cv-studio .tags .tag-item { max-width:calc(100% - 6px); height:auto; white-space:normal; } .jc-shell .jc-cv-studio .tags .tag-template { min-width:0; } /* Beat the shared #v5-main typography rule, while retaining normal word breaks. */ .v5-document #v5-main .jc-cv-studio :is(h1,h2,h3,p,a,button,label,strong,span) { overflow-wrap:break-word; } @media(max-width:1099px) { .jc-shell .jc-cv-studio .jc-editor-layout { grid-template-columns:minmax(0,1fr); } } @media(max-width:760px) { .jc-shell .jc-cv-studio .jc-heading { display:block; margin-bottom:22px; } .jc-shell .jc-cv-studio .jc-heading h1 { font-size:clamp(28px,7vw,32px); line-height:1.18; } .jc-shell .jc-cv-studio .jc-heading > .jc-text-link { margin-top:12px; } .jc-shell .jc-cv-studio .jc-editor-outline nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; overflow:visible; margin:0; padding:0; } .jc-shell .jc-cv-studio .jc-editor-outline nav button { min-width:0; width:100%; min-height:52px; padding:10px; gap:8px; white-space:normal; line-height:1.4; border-radius:7px; } .jc-shell .jc-cv-studio .jc-editor-outline nav span { flex:0 0 auto; } .jc-shell .jc-cv-studio .jc-editor-outline nav button:focus-visible { outline:2px solid var(--jc-green); outline-offset:2px; } .jc-shell .jc-cv-studio .jc-editor-sections { gap:18px; } .jc-shell .jc-cv-studio :is(.jc-editor-section,.jc-import-card) { padding:20px 16px; border-radius:12px; } .jc-shell .jc-cv-studio .jc-import-heading .jc-document-mark { display:none; } .jc-shell .jc-cv-studio .jc-import-heading h2 { font-size:25px; line-height:1.2; } .jc-shell .jc-cv-studio .jc-import-heading p:not(.jc-eyebrow) { font-size:14px; line-height:1.6; } .jc-shell .jc-cv-studio .jc-upload-row { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin-top:20px; } .jc-shell .jc-cv-studio .jc-upload-row .jc-file-label { display:flex; width:100%; min-height:48px; margin:0; font-size:16px; justify-content:center; } .jc-shell .jc-cv-studio .jc-upload-row > :is(strong,.jc-help) { margin:0; } .jc-shell .jc-cv-studio :is(.jc-import-options,.jc-import-review,.jc-inline-ai) > .jc-button { width:100%; max-width:100%; min-height:48px; } .jc-shell .jc-cv-studio .jc-section-heading { gap:10px; margin-bottom:20px; } .jc-shell .jc-cv-studio .jc-section-heading h2 { font-size:22px; line-height:1.25; } .jc-shell .jc-cv-studio .jc-repeat-card { padding:16px 12px; } .jc-shell .jc-cv-studio .jc-repeat-card .jc-section-head { flex-wrap:wrap; align-items:flex-start; } .jc-shell .jc-cv-studio .jc-repeat-card .jc-section-head h3 { min-width:0; flex:1 1 130px; margin:0; } .jc-shell .jc-cv-studio .jc-repeat-card .jc-section-head > button { flex:0 0 auto; } .jc-shell .jc-cv-studio .jc-photo-choice { align-items:flex-start; gap:12px; } .jc-shell .jc-cv-studio .jc-photo-choice > :is(img,.jc-person-image) { width:56px; height:56px; flex:0 0 56px; } .jc-shell .jc-cv-studio .jc-editor-savebar { position:static; margin:20px 0 0; padding:18px 16px; gap:16px; } .jc-shell .jc-cv-studio .jc-editor-savebar .jc-actions { grid-template-columns:minmax(0,1fr); gap:12px; } .jc-shell .jc-cv-studio .jc-editor-savebar .jc-button { min-height:48px; } } @media(max-width:420px) { .jc-shell .jc-cv-studio .jc-date-pair { grid-template-columns:minmax(0,1fr); gap:0; } } /* CV choice fields: shared tags component, scoped to the CV editor. */ .v5-document #v5-main .jc-cv-studio tags-input, .v5-document #v5-main .jc-cv-studio tags-input .host { display:block; position:relative; width:100%; min-width:0; margin:0; } .v5-document #v5-main .jc-cv-studio tags-input .tags { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:52px; height:auto; padding:4px 8px; border:1px solid #a9bfb3; border-radius:8px; background:#fff; box-shadow:none; overflow:visible; } .v5-document #v5-main .jc-cv-studio tags-input .tags.focused { border-color:#005e46; outline:2px solid #005e46; outline-offset:2px; } .v5-document #v5-main .jc-cv-studio tags-input .tag-list { display:contents; list-style:none; margin:0; padding:0; } .v5-document #v5-main .jc-cv-studio tags-input .tag-item { display:flex; float:none; max-width:100%; min-height:44px; height:auto; margin:0; padding:0 0 0 10px; border:0; border-radius:5px; background:#edf4ee; color:#143e32; white-space:normal; line-height:1.4; } .v5-document #v5-main .jc-cv-studio tags-input .tag-item.selected { outline:2px solid #005e46; outline-offset:-2px; } .v5-document #v5-main .jc-cv-studio tags-input .tag-template, .v5-document #v5-main .jc-cv-studio tags-input .tag-template .right-panel { display:flex; align-items:center; gap:4px; min-width:0; max-width:100%; } .v5-document #v5-main .jc-cv-studio tags-input .tag-template span { min-width:0; overflow-wrap:anywhere; } .v5-document #v5-main .jc-cv-studio tags-input .left-panel { display:none; } .v5-document #v5-main .jc-cv-studio tags-input .tags .input { flex:1 1 160px; float:none; width:auto!important; min-width:0; max-width:100%; height:44px; min-height:44px; margin:0; padding:8px 4px; border:0; border-radius:0; background:transparent; box-shadow:none; font:inherit; font-size:16px; color:#143e32; } .v5-document #v5-main .jc-cv-studio tags-input .tags .input:focus { outline:0; box-shadow:none; } .v5-document #v5-main .jc-cv-studio tags-input .tag-template .remove-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; min-width:44px; width:44px; min-height:44px; height:44px; margin:0; padding:0; border:0; border-radius:4px; background:transparent; color:#005e46; cursor:pointer; text-decoration:none; } .v5-document #v5-main .jc-cv-studio tags-input .remove-button:focus-visible { outline:2px solid #005e46; outline-offset:-3px; } .v5-document #v5-main .jc-cv-studio tags-input .autocomplete { position:absolute; top:100%; left:0; right:0; z-index:50; width:100%; max-width:100%; margin:6px 0 0; padding:4px; box-sizing:border-box; border:1px solid #a9bfb3; border-radius:8px; background:#fff; box-shadow:0 8px 20px #143e3214; } .v5-document #v5-main .jc-cv-studio tags-input .suggestion-list { display:block; list-style:none; margin:0; padding:0; max-height:min(280px,45vh); overflow:auto; overscroll-behavior:contain; } .v5-document #v5-main .jc-cv-studio tags-input .suggestion-item { display:block; list-style:none; min-height:44px; margin:0; padding:12px; border-radius:4px; box-sizing:border-box; color:#143e32; white-space:normal; overflow-wrap:anywhere; cursor:pointer; line-height:1.45; } .v5-document #v5-main .jc-cv-studio tags-input .suggestion-item.selected, .v5-document #v5-main .jc-cv-studio tags-input .suggestion-item:hover { background:#edf4ee; color:#143e32; } .v5-document #v5-main .jc-cv-studio tags-input .autocomplete-template, .v5-document #v5-main .jc-cv-studio tags-input .autocomplete-template .right-panel { display:block; min-width:0; max-width:100%; } .v5-document #v5-main .jc-cv-studio tags-input .suggestion-item em { font-style:normal; font-weight:700; } /* Local CV import review: readable suggestions and embedded photo choices. */ .jc-shell .jc-import-suggestions,.jc-shell .jc-import-photos{margin-top:24px;padding-top:20px;border-top:1px solid var(--jc-line,#cbdccc);min-width:0} .jc-shell .jc-import-suggestions article{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--jc-line,#cbdccc)} .jc-shell .jc-import-suggestions article>div{min-width:0;flex:1}.jc-shell .jc-import-suggestions h4{margin:0 0 8px}.jc-shell .jc-import-suggestions article p{margin:0;white-space:pre-line;overflow-wrap:anywhere;max-height:160px;overflow:auto}.jc-shell .jc-import-suggestions button{flex:0 0 auto;white-space:normal} .jc-shell .jc-import-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:20px}.jc-shell .jc-import-photo-grid figure{margin:0;min-width:0;padding:16px;background:#fff;border:1px solid var(--jc-line,#cbdccc);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:16px}.jc-shell .jc-import-photo-grid img{display:block;width:150px;max-width:100%;height:180px;object-fit:contain;border-radius:4px}.jc-shell .jc-import-photo-grid button{width:100%;white-space:normal}.jc-shell .jc-import-review textarea{width:100%;box-sizing:border-box;resize:vertical} @media(max-width:600px){.jc-shell .jc-import-suggestions article{flex-direction:column;gap:12px}.jc-shell .jc-import-suggestions button{width:100%}.jc-shell .jc-import-photo-grid{grid-template-columns:1fr 1fr;gap:10px}.jc-shell .jc-import-photo-grid figure{padding:10px}.jc-shell .jc-import-photo-grid img{height:140px}} @media(max-width:360px){.jc-shell .jc-import-photo-grid{grid-template-columns:1fr}} /* Mobile simplicity, 3 October 2026. Keep navigation in the existing drawer. */ .jc-shell .jc-video-upload { display:grid; grid-template-columns:44px minmax(0,1fr); gap:6px 14px; width:100%; min-width:0; box-sizing:border-box; margin:20px 0 0; padding:20px; border:1px dashed #9ebda8; border-radius:12px; line-height:1.5; cursor:pointer; } .jc-shell .jc-video-upload>span:first-child { grid-row:1/3; align-self:center; font-size:28px; text-align:center; color:#005e46; } .jc-shell .jc-video-upload>strong { display:block; font-size:16px; color:#173e32; } .jc-shell .jc-video-upload>span:last-of-type { display:block; min-width:0; font-size:14px; color:#526a61; overflow-wrap:anywhere; } .jc-shell .jc-video-upload:has(input:disabled) { opacity:.6; cursor:wait; } .jc-shell .jc-settings-avatar>div { flex:1; min-width:0; max-width:100%; } .jc-shell .jc-settings-avatar input[type=file] { display:block; width:100%; max-width:100%; min-width:0; height:auto; margin:10px 0; padding:8px; box-sizing:border-box; border:1px solid #b9ccbf; border-radius:8px; background:#fff; font:inherit; font-size:14px; color:#526a61; } .jc-shell .jc-settings-avatar input[type=file]::file-selector-button { min-height:44px; margin:0 10px 0 0; padding:8px 12px; border:0; border-radius:5px; background:#eaf2e6; color:#005e46; font:inherit; font-weight:650; cursor:pointer; } @media(max-width:760px) { .j5.j5-header-surface .header-inner { display:flex; justify-content:space-between; gap:12px; min-height:64px; padding-block:8px; } .j5.j5-header-surface .header-actions { display:none; } .j5.j5-header-surface .brand { flex:0 1 144px; min-width:0; } .j5.j5-header-surface .brand img { display:block; width:144px; max-width:100%; height:auto; } .j5.j5-header-surface .menu-button { display:flex; flex:0 0 44px; width:44px; height:44px; min-height:44px; margin:0; } .jc-shell .jc-topbar { min-height:64px; padding:8px 16px; gap:12px; } .jc-shell .jc-topbar>div:first-child { min-width:0; gap:12px; } .jc-shell .jc-topbar .jc-topbar-actions,.jc-shell .jc-mobile-nav { display:none; } .jc-shell .jc-topbar-label { font-size:15px; } .jc-shell .jc-workspace { width:100%; min-width:0; padding-bottom:0; } .jc-shell .jc-main { padding:24px 16px; } .jc-shell .jc-heading { gap:12px; margin-bottom:20px; } .jc-shell .jc-heading h1 { font-size:clamp(26px,7.2vw,32px); line-height:1.16; overflow-wrap:anywhere; } .jc-shell .jc-heading p:not(.jc-eyebrow) { font-size:15px; line-height:1.5; } .jc-shell .jc-heading>.jc-text-link { min-height:44px; margin:0; padding-block:6px; } .jc-shell .jc-card { padding:20px 16px; border-radius:12px; } .jc-shell .jc-settings-avatar { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:start; gap:12px; } .jc-shell .jc-settings-avatar>img,.jc-shell .jc-settings-avatar>.jc-person-image { width:56px; height:56px; } .jc-shell .jc-settings-avatar input[type=file] { font-size:16px; } .jc-shell .jc-settings-avatar label { margin-top:0; } .jc-shell .jc-settings-avatar .jc-help { margin-bottom:0; } .jc-shell .jc-form :where(fieldset,.jc-agent-form-grid>div,user-location,tags-input) { min-width:0; max-width:100%; } .jc-shell .jc-video-upload { grid-template-columns:32px minmax(0,1fr); padding:16px; gap:6px 10px; } .jc-shell .jc-video-grid .jc-card>p:not(.jc-eyebrow) { font-size:15px; line-height:1.6; margin-top:10px; } .jc-shell .jc-video-grid { gap:16px; } .jc-shell .jc-footer { flex-wrap:wrap; gap:8px; padding:12px 16px max(24px,env(safe-area-inset-bottom)); } .j5-home .category-grid { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:0; } .j5-home .category-grid .category-tile { grid-column:auto; grid-row:auto; display:grid; grid-template-columns:minmax(0,1fr) 24px; grid-template-rows:auto; align-items:center; min-height:68px; height:auto; padding:16px 0; gap:12px; border:0; border-bottom:1px solid #d5ddd4; background:transparent; color:#173e32; } .j5-home .category-grid .category-tile--lead::before,.j5-home .category-grid .category-tile--lead::after { display:none; } .j5-home .category-grid .category-tile>span { grid-column:auto; font-size:17px; font-weight:600; line-height:1.35; letter-spacing:0; max-width:none; text-wrap:wrap; } .j5-home .category-grid .category-tile>small { display:none; } .j5-home .category-grid .category-tile>b { grid-column:2; grid-row:1; align-self:center; justify-self:end; border:0; padding:0; width:auto; height:auto; font-size:24px; color:#005e46; } .j5-search .jobs-heading { padding-top:24px; padding-bottom:16px; } .j5-search .jobs-heading h1 { font-size:clamp(28px,8vw,36px); line-height:1.15; } .j5-search .jobs-search { padding-top:12px; padding-bottom:20px; } .j5-search .search-bar { margin:0; } .j5-search .jobs-layout { padding-top:4px; gap:20px; } .j5-search .jobs-toolbar { display:flex; align-items:stretch; flex-direction:column; gap:12px; margin-bottom:16px; } .j5-search .jobs-toolbar>p { margin:0; font-size:15px; } .j5-search .j5-result-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,.65fr); align-items:end; gap:10px; width:100%; } .j5-search .j5-result-controls>label { display:flex; flex-direction:column; align-items:stretch; gap:5px; min-width:0; margin:0; font-size:12px; } .j5-search .j5-result-controls select { width:100%; min-width:0; min-height:44px; margin:0; font-size:16px; } } /* Narrow viewports must account for scrollbar width and browser zoom. */ @media (max-width:760px) { .j5.j5-page { min-width:0; } } /* Workspace simplification: explicit sign-out and compact operational dashboards. */ .jc-shell .jc-account { display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; } .jc-shell .jc-account .jc-logout-button { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:44px; padding:10px 14px; border:1px solid #ffffff55; border-radius:8px; background:#ffffff0d; color:#fff; font:inherit; font-size:14px; font-weight:650; cursor:pointer; } .jc-shell .jc-account .jc-logout-button:hover { background:#ffffff24; } .jc-shell .jc-account .jc-logout-button:focus-visible { outline:2px solid #e3f49c; outline-offset:3px; } .jc-shell .jc-account .jc-logout-button .jc-icon { width:18px; height:18px; flex:0 0 18px; } .jc-shell .jc-simple-dashboard>.jc-card,.jc-shell .jc-simple-dashboard>div>.jc-card { margin-bottom:24px; } .jc-shell .jc-privacy-link { margin-top:24px; font-size:13px; } .jc-shell .jc-privacy-link a { text-decoration:underline; text-underline-offset:3px; } @media (min-width:761px) and (max-width:1099px) { .jc-shell .jc-workspace { padding-bottom:90px; } } /* Employer polish 2026-10-04: forms, jobs, contact details and interview calendar. */ .je-shell .jc-account.jc-account--logout{display:block;padding-top:16px} .je-shell .jc-account--logout .jc-logout-button{width:100%;justify-content:flex-start} .je-shell .je-agent-form{max-width:980px;margin:0 auto} .je-shell .je-form-section{margin-bottom:22px;overflow:visible} .je-shell .je-form-section .jc-card-head{padding:22px 28px;gap:12px;flex-wrap:wrap} .je-shell .je-form-section .jc-card-head h2{font-size:19px;margin:0} .je-shell .je-form-section .jc-card-head>.jc-muted{font-size:12px} .je-shell .je-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px} .je-shell .je-form-fields>.jc-field{margin:0;min-width:0} .je-shell .je-field-wide{grid-column:1/-1} .je-shell .je-form-fields :where(input:not([type=checkbox]):not([type=range]),select){min-height:48px} .je-shell .je-form-fields .select2-container{width:100%!important;max-width:100%} .je-shell .je-form-fields .select2-selection{min-height:48px;border-radius:10px!important;border-color:#ccd9ce!important} .je-shell .je-form-fields .select2-selection__rendered{white-space:normal} .je-shell .je-agent-form small{font-size:12px;line-height:1.6;font-weight:400;color:#586a60;display:block;margin-top:6px} .je-shell .je-video-option{padding:16px 18px;background:#f5f8f3;border:1px solid #e0e9dc;border-radius:12px;margin:0;gap:12px} .je-shell .je-match-field>span{display:flex;justify-content:space-between;align-items:center} .je-shell .je-match-field strong{font-size:18px;color:#205e42;padding:3px 10px;background:#edf5e9;border-radius:8px} .je-shell .je-match-field input[type=range]{width:100%;padding:0;accent-color:#286d4a;min-height:36px;box-shadow:none;background:transparent;border:0} .je-shell .je-agent-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px;padding:4px 0 24px} .je-shell .je-agent-actions p{margin:0 auto 0 0;color:#9b293b} .je-shell .je-jobs-toolbar{background:#fff;border:1px solid var(--jc-line);border-radius:18px;padding:24px;margin-bottom:18px} .je-shell .je-job-search{display:block;max-width:none;margin:0 0 22px;width:100%} .je-shell .je-job-search>span:first-child{display:block;margin-bottom:8px;font-size:13px;font-weight:600} .je-shell .je-search-input{display:flex;align-items:center;gap:12px;border:1px solid #c9d8cb;border-radius:12px;padding:0 16px;background:#fbfcfa} .je-shell .je-search-input:focus-within{border-color:#286d4a;outline:2px solid #286d4a;outline-offset:2px} .je-shell .je-search-input .jc-icon{color:#52715d;flex:none} .je-shell .je-search-input input[type=search]{width:100%;min-width:0;min-height:56px;padding:12px 0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:16px;margin:0} .je-shell .je-job-tabs{display:flex;gap:8px;flex-wrap:wrap} .je-shell .je-job-tabs button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:11px;background:#f3f6f1;color:#4c6054;font:inherit;font-size:14px;font-weight:600;cursor:pointer} .je-shell .je-job-tabs button:hover{background:#e9f0e4} .je-shell .je-job-tabs button.is-active{background:#1c4b35;border-color:#1c4b35;color:#fff;box-shadow:0 3px 8px #173b2317} .je-shell .je-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:24px;padding:1px 7px;border-radius:7px;background:#ffffffb3;font-size:12px;color:#354d3f} .je-shell .je-job-tabs .is-active .je-tab-count{background:#ffffff24;color:#fff} .je-shell .je-status-dot{width:7px;height:7px;border-radius:50%;background:#748174;flex:none} .je-shell .je-status-dot.is-active{background:#3e9e6d}.je-shell .je-status-dot.is-draft{background:#ce9a34}.je-shell .je-status-dot.is-archived{background:#92a0ac} .je-shell .je-result-count{font-size:13px;color:#53675a;margin:0 2px 14px} .je-shell .je-jobs-page .je-job-grid{gap:20px} .je-shell .je-jobs-page .je-job-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:25px;border-radius:18px;box-shadow:0 3px 15px #173b2305;transition:border-color .15s ease} .je-shell .je-jobs-page .je-job-card:has(.je-job-menu[open]){z-index:6} .je-shell .je-jobs-page .je-job-card:hover{border-color:#b5cdb7} .je-shell .je-job-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .je-shell .je-job-meta .jc-muted{font-size:11px} .je-shell .je-jobs-page .je-job-card h2{font-size:21px;line-height:1.4;margin:20px 0 12px;overflow-wrap:anywhere} .je-shell .je-job-status{font-size:12px;font-weight:650;background:#eef1f4;color:#4e6372} .je-shell .je-job-status.is-active{background:#e7f5e9;color:#24613c}.je-shell .je-job-status.is-draft{background:#fff2d8;color:#78551b} .je-shell .je-job-applicants{font-size:13px;color:#637167;margin:0 0 22px}.je-shell .je-job-applicants strong{color:#243f30;font-size:17px;margin-right:4px} .je-shell .je-jobs-page .je-job-actions{margin-top:auto;padding-top:18px;gap:10px} .je-shell .je-jobs-page .je-job-actions .jc-button{font-size:12px;min-height:40px;padding:10px 13px} .je-shell .je-job-menu{margin-left:auto} .je-shell .je-job-menu summary{display:flex;align-items:center;gap:10px;font:inherit;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.5;min-height:40px;padding:9px 12px;border:1px solid #d7e2d4;border-radius:10px;color:#334d3d;background:#fff;box-sizing:border-box} .je-shell .je-job-menu summary::-webkit-details-marker{display:none} .je-shell .je-job-menu summary::marker{content:''} .je-shell .je-job-menu[open] summary,.je-shell .je-job-menu summary:hover{background:#f0f5ed;border-color:#acc5ab} .je-shell .je-job-menu summary>span{font-size:17px;line-height:1} .je-shell .je-job-menu>.je-job-menu-panel{top:calc(100% + 7px);right:0;width:230px;max-width:calc(100vw - 70px);min-width:0;padding:7px;box-shadow:0 14px 40px #193b2624} .je-shell .je-job-menu-panel :where(button,a){display:block;text-align:left;width:100%;box-sizing:border-box;min-height:40px;padding:10px 12px;font:inherit;font-size:13px;line-height:1.5;border:0;border-radius:7px;background:none;color:#264232;text-decoration:none;cursor:pointer;letter-spacing:0} .je-shell .je-job-menu-panel :where(button,a):hover{background:#eef4e9} .je-shell .je-job-menu-panel .je-danger-action{border-top:1px solid #e5eae2;border-radius:0;color:#a12d3e;margin-top:5px;padding-top:13px} .je-shell .je-company-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px;align-items:start;margin-bottom:24px} .je-shell .je-company-layout>.jc-card{margin:0;min-width:0} .je-shell .je-contact-card .jc-card-head h2{font-size:18px} .je-shell .je-contact-facts{display:grid;gap:20px;margin:0 0 22px} .je-shell .je-contact-facts:only-child{margin-bottom:0} .je-shell .je-contact-facts dt{font-size:12px;font-weight:500;color:#627366;margin-bottom:5px} .je-shell .je-contact-facts dd{font-size:15px;line-height:1.6;margin:0;color:#213d2c;overflow-wrap:anywhere} .je-shell .je-contact-facts a{color:#205e42;text-decoration:underline;text-underline-offset:3px} .je-shell .je-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0 0 22px;padding:20px 22px;background:#fff;border:1px solid var(--jc-line);border-radius:16px} .je-week-picker{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font:inherit;color:#223b2b} .je-week-controls{display:flex;gap:9px;align-items:center} .je-week-controls .jc-button{min-height:40px;border:1px solid #d3dfcf;padding:8px 15px;background:#fff;color:#294b35;border-radius:10px;font:inherit;font-size:13px;cursor:pointer} .je-week-arrows{display:flex;border:1px solid #d3dfcf;border-radius:10px;overflow:hidden} .je-week-arrows button{border:0;border-radius:0;padding:2px 12px;min-width:38px;min-height:38px;font:inherit;font-size:26px;line-height:1;background:#fff;color:#294b35;cursor:pointer} .je-week-arrows button+button{border-left:1px solid #e0e8dc} .je-week-arrows button:hover,.je-week-controls .jc-button:hover{background:#eef4e9} .je-week-heading{display:flex;flex-direction:column;gap:3px;line-height:1.5} .je-week-heading strong{font-size:16px;font-weight:650}.je-week-heading span{font-size:12px;color:#576c5e} .je-shell .je-calendar-toolbar .je-section-tabs{display:flex;gap:3px;background:#f0f4ed;border:1px solid #e2e9dd;border-radius:11px;padding:3px;margin:0} .je-shell .je-calendar-toolbar .je-section-tabs button{border:0;background:transparent;border-radius:8px;min-height:38px;padding:8px 15px;color:#506454} .je-shell .je-calendar-toolbar .je-section-tabs .is-active{background:#fff;color:#244e34;box-shadow:0 2px 6px #173b2312} .je-shell .je-interviews-page .je-calendar-frame{border:1px solid #d6e1d0;border-radius:16px;overflow:hidden;background:#fff} .je-shell .je-interviews-page .wc-container{max-height:660px;overflow:auto;scrollbar-color:#bdcebd #f3f6f0;scrollbar-width:thin} .je-shell .je-interviews-page .wc-scrollable-grid{overflow:visible;background:#fff;position:relative;width:100%} .je-shell .je-interviews-page .wc-scrollable-grid>.table-responsive{overflow:visible} /* Only day background divs are absolute. The timetable must occupy document flow. */ .je-shell .je-interviews-page table.wc-time-slots{position:relative;table-layout:fixed;border:0;border-collapse:collapse} .je-shell .je-interviews-page .wc-time-slot-wrapper>.wc-time-slots{position:absolute} .je-shell .je-interviews-page .wc-header{position:sticky;top:0;z-index:4;background:#fff;border-top:0;border-bottom:1px solid #dbe5d5;table-layout:fixed} .je-shell .je-interviews-page .wc-header .wc-day-column-header{width:calc((100% - 64px)/7)!important;text-align:center;padding:12px 5px;background:#fff;border-color:#e5ece0} .je-shell .je-interviews-page .wc-header .wc-time-column-header,.je-shell .je-interviews-page .wc-grid-timeslot-header{width:64px!important;background:#fafcf8} .je-shell .je-interviews-page .wc-timeslot-td,.je-shell .je-interviews-page .wc-day-column{width:calc((100% - 64px)/7)!important;border-color:#e5ece0} .je-shell .je-interviews-page .wc-header .col_title{display:block;width:34px;height:34px;line-height:34px;margin:0 auto 3px;font-size:20px;font-weight:650;color:#294a34;border-radius:50%} .je-shell .je-interviews-page .wc-header .col-week-day{display:block;font-size:11px;font-weight:500;text-transform:capitalize;color:#62715f} .je-shell .je-interviews-page .wc-header .today-day{background:#f1f7eb}.je-shell .je-interviews-page .wc-header .today-day .col_title{background:#285d3e;color:#fff} .je-shell .je-interviews-page .wc-business-hours{font-size:11px;line-height:1.3;background:#fafcf8;color:#71806b;border-color:#e3ebdd} .je-shell .je-interviews-page .wc-time-header-cell{padding:6px 10px!important} .je-shell .je-interviews-page .wc-time-slot{border-color:#e9eee4}.je-shell .je-interviews-page .wc-hour-end{border-color:#dfe8d8} .je-shell .je-interviews-page td.today-active .wc-time-slot{background:#f8fbf4;border-left:0} .je-shell .je-interviews-page .wc-day-column-inner{cursor:crosshair} .je-shell .je-interviews-page .wc-cal-event{width:calc(100% - 8px);left:4px;border-radius:8px;text-align:left;font-size:11px;border:1px solid #bdd7bb;border-left:3px solid #418150;color:#23462f;box-shadow:0 2px 4px #203b2610} .je-shell .je-interviews-page .wc-cal-event a{color:inherit} .je-shell .je-interviews-page .wc-cal-event.ready,.je-shell .je-interviews-page .wc-cal-event.ready:hover{background:#e3f2df!important;border-color:#73a779;color:#254b2f} .je-shell .je-interviews-page .wc-cal-event.pending{background:#fff2d9!important;border-color:#c69d51;color:#765515} .je-shell .je-interviews-page .wc-cal-event.listed{background:#e8f0f8!important;border-color:#80a4c4;color:#305875} .je-shell .je-interviews-page .wc-new-cal-event-creating{background:#dcefd4;border:1px solid #447e47;border-radius:7px} .je-booking-dialog{--jc-ink:#203d2a;--jc-muted:#5a6f60;--jc-line:#dae4d4;--jc-green:#275c3d;width:calc(100% - 28px);max-width:680px!important;border-radius:20px!important;overflow:visible;background:#fff!important;box-shadow:0 20px 80px #102c2840} .je-booking-dialog .small-dialog-headline{margin:0!important;padding:28px 32px 22px!important;background:#f4f8ef!important;border-radius:20px 20px 0 0;border-bottom:1px solid #dfe8d8} .je-booking-dialog .small-dialog-headline h2{font-family:inherit;font-size:25px;line-height:1.3;margin:0 35px 8px 0;color:#23492f} .je-booking-dialog .small-dialog-headline p{font-size:13px;line-height:1.6;color:#59705f;margin:0} .je-booking-dialog .small-dialog-content{padding:26px 32px 28px!important} .je-booking-dialog .jc-field{display:block;margin:0 0 22px;min-width:0} .je-booking-dialog .jc-field>span:first-child{display:block;font-size:13px;font-weight:600;color:#294331;margin:0 0 8px} .je-booking-dialog input:not([type=checkbox]),.je-booking-dialog textarea,.je-booking-dialog select{font:inherit;font-size:14px;color:#263f2e;box-sizing:border-box;border:1px solid #cddac6;border-radius:10px;background:#fff;box-shadow:none;width:100%;min-height:46px;padding:11px 13px;margin:0} .je-booking-dialog textarea{min-height:112px;line-height:1.6;resize:vertical} .je-booking-dialog .select2-container{width:100%!important}.je-booking-dialog .select2-selection{min-height:46px;border-radius:10px!important;border-color:#cddac6!important} .je-booking-dialog .je-booking-time{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px} .je-booking-dialog .je-booking-time :where(ms-datepicker,fm-timepicker){display:block;max-width:100%} .je-booking-dialog .je-booking-time .input-group{width:100%;display:flex;min-width:0} .je-booking-dialog .je-booking-time .input-group input{min-width:0} .je-booking-dialog .je-booking-time .input-group-addon{background:#f3f7ef;border:1px solid #cddac6;border-radius:0 9px 9px 0;padding:8px} .je-booking-dialog .je-booking-error{display:block;font-size:13px;color:#a12d3e;margin:0 0 16px} .je-booking-dialog .je-booking-error:empty{display:none} .je-booking-dialog .je-booking-footer{padding-top:20px;border-top:1px solid #e2e9dc} .je-booking-dialog .je-booking-footer p{font-size:12px;color:#5d6e60;margin:0 0 16px} .je-booking-dialog .jc-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px} .je-booking-dialog .jc-button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:600;line-height:1.4;min-height:44px;padding:11px 18px;border:1px solid #cddac6;border-radius:10px;background:#fff;color:#31533a;cursor:pointer;box-shadow:none;letter-spacing:0} .je-booking-dialog .jc-button-primary{background:#285d3e;color:#fff;border-color:#285d3e} .je-booking-dialog .jc-button:hover{background:#eef4e9}.je-booking-dialog .jc-button-primary:hover{background:#1f4e32} .je-booking-dialog .mfp-close{top:14px;right:14px;color:#254d32!important;opacity:1} .je-week-picker button:focus-visible,.je-booking-dialog :where(button,input,textarea,select):focus-visible,.je-shell :where(.je-job-tabs button,.je-job-menu summary,.je-job-menu-panel button,.je-job-menu-panel a):focus-visible{outline:2px solid #36794f;outline-offset:3px} @media(max-width:1200px){.je-shell .je-company-layout{grid-template-columns:1fr}.je-shell .je-contact-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.je-shell .je-jobs-page .je-job-grid{grid-template-columns:1fr}} @media(max-width:640px){.je-shell .je-form-fields{grid-template-columns:1fr;padding:20px;gap:20px}.je-shell .je-form-section .jc-card-head{padding:18px 20px}.je-shell .je-jobs-toolbar{padding:18px}.je-shell .je-job-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.je-shell .je-job-tabs button{padding:9px 10px;gap:7px;font-size:12px}.je-shell .je-tab-count{margin-left:auto}.je-shell .je-jobs-page .je-job-card{padding:20px}.je-shell .je-job-meta{gap:8px}.je-shell .je-contact-facts{grid-template-columns:1fr}.je-shell .je-calendar-toolbar{padding:16px;gap:18px}.je-week-picker{gap:12px}.je-shell .je-calendar-toolbar .je-section-tabs{width:100%}.je-shell .je-calendar-toolbar .je-section-tabs button{flex:1}.je-shell .je-interviews-page .wc-container{max-height:560px}.je-booking-dialog .small-dialog-headline{padding:24px 20px 20px!important}.je-booking-dialog .small-dialog-content{padding:22px 20px!important}.je-booking-dialog .je-booking-time{grid-template-columns:1fr 1fr}.je-booking-dialog .je-booking-date{grid-column:1/-1}.je-booking-dialog .jc-actions .jc-button{flex:1}.je-shell .je-agent-actions>.jc-actions{width:100%}.je-shell .je-agent-actions .jc-button{flex:1;justify-content:center}} /* Final review 2026-10-04: specific search layout, useful toolbar and readable dialogs. */ .je-shell .jc-field.je-job-search>.je-search-input{display:flex;align-items:center;gap:12px} .je-shell .je-job-search>.je-search-input input[type=search]{flex:1 1 0;width:0;min-width:0;font-weight:400;font-size:15px;line-height:1.5} .je-shell .je-job-search>.je-search-input .jc-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px} .jc-shell .jc-topbar{min-height:68px;padding-top:10px;padding-bottom:10px} .je-shell .je-job-menu>.je-job-menu-panel{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain} .je-shell .je-job-menu.je-menu-up>.je-job-menu-panel{top:auto;bottom:calc(100% + 7px)} .je-shell .je-job-menu-panel :is(button,a){font-size:13px;font-weight:400;min-height:42px} .jb-v5 .mfp-close:empty::before{content:'×';font-family:Arial,sans-serif;font-size:28px;line-height:1} .jb-v5 .je-booking-dialog button.mfp-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #cbdcc6;border-radius:50%;background:#fff;color:#254d32!important;font:26px/1 Arial,sans-serif;opacity:1;top:18px;right:18px;cursor:pointer} .jb-v5 .je-booking-dialog button.mfp-close:hover{background:#e7f0df;border-color:#7d9b73} .jb-v5 .je-booking-dialog button.mfp-close:focus-visible{outline:2px solid #2d7548;outline-offset:3px} @media(max-width:640px){.je-shell .je-job-search>.je-search-input input[type=search]{font-size:16px}.jb-v5 .je-booking-dialog button.mfp-close{top:16px;right:14px}} /* Candidate workspace, shared interaction states and AI workshop — 2026-10-04. */ .jb-v5 :where(button,input[type=button],input[type=submit],a[class*="button"],a[class*="btn"],a.jc-text-link,[role=button],summary){transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;} .jb-v5 :where(button,input[type=button],input[type=submit],a[class*="button"],a[class*="btn"],a.jc-text-link,[role=button],summary):focus-visible{outline:3px solid #599877;outline-offset:3px;} @media(hover:hover) and (pointer:fine){ .jb-v5 :where(button,input[type=button],input[type=submit],a[class*="button"],a[class*="btn"],a.jc-text-link,[role=button],summary):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.94);box-shadow:inset 0 0 0 100px #17482f0b;cursor:pointer;} .jc-shell .j5-candidate-flow .app-page__actions .app-button:hover{background:#004732;color:#fff;box-shadow:0 4px 12px #18473120;} } @media(prefers-reduced-motion:reduce){.jb-v5 :where(button,input[type=button],input[type=submit],a[class*="button"],a[class*="btn"],a.jc-text-link,[role=button],summary){transition:none;}} .jc-shell .j5-candidate-flow .app-empty-state{text-align:center;padding:38px 24px;} .jc-shell .j5-candidate-flow .app-empty-state p{max-width:58ch;margin:10px auto 0;font-size:15px;line-height:1.7;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:pretty;} .jc-shell .j5-candidate-flow .app-section>.app-empty-state{border:0;border-top:1px solid var(--jc-line);border-radius:0 0 16px 16px;} .jc-shell .jc-account{display:block;}.jc-shell .jc-account .jc-logout-button{width:100%;} .jc-shell .jc-agent-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:26px;align-items:start;} .jc-shell .jc-agent-main{padding:0;overflow:hidden;} .jc-shell .jc-agent-intro{padding:26px 28px;background:#f8faf5;border-bottom:1px solid var(--jc-line);} .jc-shell .jc-agent-intro h2{font-size:22px;margin:0 0 8px;} .jc-shell .jc-agent-intro p{font-size:14px;color:var(--jc-muted);margin:0;} .jc-shell .jc-agent-section{padding:25px 28px;border-bottom:1px solid #e6ece1;} .jc-shell .jc-agent-section>label{margin-top:0;} .jc-shell .jc-agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} .jc-shell .jc-agent-form-grid fieldset{min-width:0;padding:0;margin:0;border:0;} .jc-shell .jc-agent-form-grid legend{float:none;width:auto;padding:0;margin:0 0 14px;font-size:15px;font-weight:650;color:#234835;border:0;} .jc-shell .jc-agent-choice>label{font-size:11px;color:#627465;font-weight:500;margin:10px 0 6px;} .jc-shell .jc-agent-choice>label:first-child{margin-top:0;} .jc-shell .jc-agent-editor input,.jc-shell .jc-agent-editor select{min-height:48px;font-size:14px;border-radius:9px;background:#fff;} .jc-shell .jc-agent-editor .jc-help{font-size:12px;line-height:1.65;margin-bottom:0;} .jc-shell .jc-agent-extra{padding:12px 28px;} .jc-shell .jc-agent-extra summary{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;font-weight:600;color:#29583f;} .jc-shell .jc-agent-extra summary::after{content:'+';font-size:20px;font-weight:400;} .jc-shell .jc-agent-extra[open] summary::after{content:'−';} .jc-shell .jc-agent-extra summary>span{margin-left:auto;font-size:11px;font-weight:400;color:#687969;} .jc-shell .jc-agent-extra summary::marker{content:'';}.jc-shell .jc-agent-extra summary::-webkit-details-marker{display:none;} .jc-shell .jc-agent-submit{border-top:1px solid var(--jc-line);padding:20px 28px;margin:0;} .jc-shell .jc-agent-summary{background:#f8faf5;padding:26px;} .jc-shell .jc-agent-summary h2{font-size:23px;line-height:1.35;margin:12px 0 22px;overflow-wrap:anywhere;} .jc-shell .jc-agent-summary dl{margin:0;}.jc-shell .jc-agent-summary dl>div{border-top:1px solid #dfe8d8;padding:16px 0;} .jc-shell .jc-agent-summary dt{font-size:11px;font-weight:500;color:#657764;margin-bottom:6px;} .jc-shell .jc-agent-summary dd{margin:0;font-size:14px;font-weight:600;color:#294c35;overflow-wrap:anywhere;} .jc-shell .jc-agent-summary>p:last-child{font-size:12px;line-height:1.6;margin:12px 0 0;color:#657764;} .jc-shell .jc-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:20px 22px;border:1px solid var(--jc-line);border-radius:16px;background:#fff;margin-bottom:22px;} .jc-shell .jc-calendar-toolbar .jc-segmented{margin:0;} .jc-shell .jc-interviews-page .jc-appointments{padding:0;overflow:hidden;} .jc-shell .jc-interviews-page .jc-appointment{padding:24px;border-bottom:1px solid var(--jc-line);align-items:start;} .jc-shell .jc-interviews-page .jc-appointment:last-child{border-bottom:0;} .jc-shell .jc-interviews-page .jc-empty{padding:40px 24px;text-align:center;} .jc-shell .jc-interviews-page .jc-empty p{max-width:55ch;margin:10px auto 0;} .jc-shell .jc-interviews-page .jc-calendar-note{font-size:12px;margin:0 0 12px;color:var(--jc-muted);} .jc-shell .jc-interviews-page .jc-calendar-grid{border:1px solid #d6e1d0;border-radius:16px;overflow:hidden;background:#fff;} .jc-shell .jc-interviews-page .wc-container{max-height:660px;overflow:auto;scrollbar-color:#bdcebd #f3f6f0;scrollbar-width:thin;} .jc-shell .jc-interviews-page .wc-scrollable-grid{overflow:visible;background:#fff;position:relative;width:100%;} .jc-shell .jc-interviews-page table.wc-time-slots{position:relative;table-layout:fixed;border:0;border-collapse:collapse;} /* Candidate calendar owns its layout; employer shell styles are not loaded here. */ .jc-shell .jc-interviews-page .wc-container table td{margin:0;padding:0;} .jc-shell .jc-interviews-page .wc-time-slot-wrapper{position:relative;height:1px;top:1px;} .jc-shell .jc-interviews-page .wc-time-slot-wrapper>.wc-time-slots{position:absolute;top:0;left:0;width:100%;pointer-events:none;} .jc-shell .jc-interviews-page .wc-day-column{border-left:1px solid #e5ece0;vertical-align:top;overflow:visible;} .jc-shell .jc-interviews-page .wc-day-column-inner{position:relative;width:100%;height:912px;} .jc-shell .jc-interviews-page .wc-time-slot{box-sizing:border-box;border-bottom:1px dotted #e9eee4;} .jc-shell .jc-interviews-page .wc-hour-end,.jc-shell .jc-interviews-page .wc-hour-header{box-sizing:border-box;border-bottom:1px solid #dfe8d8;} .jc-shell .jc-interviews-page .wc-cal-event{position:absolute;display:block;overflow:hidden;cursor:pointer;line-height:18px;background:#f0f5ed;z-index:1;} .jc-shell .jc-interviews-page .wc-cal-event>a{display:flex;width:100%;height:100%;padding:5px 7px;box-sizing:border-box;} .jc-shell .jc-interviews-page .wc-title{font-weight:600;overflow-wrap:anywhere;} .jc-shell .jc-interviews-page .wc-cal-event.listed{background:#e9f2fc;border-color:#97b8d7;} .jc-shell .jc-interviews-page .wc-cal-event.progress{background:#fcece5;border-color:#d4a88e;} .jc-shell .jc-interviews-page .wc-cal-event.end{background:#f2f0e9;border-color:#bfb89d;} .jc-shell .jc-interviews-page .wc-header{position:sticky;top:0;z-index:4;background:#fff;border-top:0;border-bottom:1px solid #dbe5d5;table-layout:fixed;} .jc-shell .jc-interviews-page .wc-header .wc-day-column-header{width:calc((100% - 64px)/7)!important;text-align:center;padding:12px 5px;background:#fff;border-color:#e5ece0;} .jc-shell .jc-interviews-page .wc-time-column-header,.jc-shell .jc-interviews-page .wc-grid-timeslot-header{width:64px!important;background:#fafcf8;} .jc-shell .jc-interviews-page .wc-time-column-header{font-size:11px;text-align:center;color:#65755e;} .jc-shell .jc-interviews-page .wc-timeslot-td,.jc-shell .jc-interviews-page .wc-day-column{width:calc((100% - 64px)/7)!important;border-color:#e5ece0;} .jc-shell .jc-interviews-page .wc-header .col_title{display:block;width:34px;height:34px;line-height:34px;margin:0 auto 3px;font-size:20px;font-weight:650;color:#294a34;border-radius:50%;} .jc-shell .jc-interviews-page .wc-header .col-week-day{display:block;font-size:11px;font-weight:500;text-transform:capitalize;color:#62715f;} .jc-shell .jc-interviews-page .wc-header .today-day{background:#f1f7eb;}.jc-shell .jc-interviews-page .wc-header .today-day .col_title{background:#285d3e;color:#fff;} .jc-shell .jc-interviews-page .wc-business-hours{font-size:11px;line-height:1.3;background:#fafcf8;color:#71806b;border-color:#e3ebdd;} .jc-shell .jc-interviews-page .wc-time-header-cell{padding:6px 10px!important;} .jc-shell .jc-interviews-page .wc-time-slot{border-color:#e9eee4;}.jc-shell .jc-interviews-page .wc-hour-end{border-color:#dfe8d8;} .jc-shell .jc-interviews-page td.today-active .wc-time-slot{background:#f8fbf4;border-left:0;} .jc-shell .jc-interviews-page .wc-cal-event{width:calc(100% - 8px);left:4px;border-radius:8px;text-align:left;font-size:11px;border:1px solid #bdd7bb;border-left:3px solid #418150;color:#23462f;box-shadow:0 2px 4px #203b2610;} .jc-shell .jc-interviews-page .wc-cal-event a{color:inherit;} .jc-shell .jc-interviews-page .wc-cal-event.ready{background:#e3f2df!important;border-color:#73a779;color:#254b2f;} .jc-shell .jc-interviews-page .wc-cal-event.pending{background:#fff2d9!important;border-color:#c69d51;color:#765515;} .jc-shell .jc-ai-workshop .jc-heading{margin-bottom:28px;} .jc-shell .jc-ai-section-label{display:flex;align-items:center;gap:12px;margin:0 0 20px;} .jc-shell .jc-ai-section-label>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #d3dfcf;border-radius:50%;font-size:12px;color:#56704e;} .jc-shell .jc-ai-section-label h2{font-size:17px;line-height:1.35;margin:0;} .jc-shell .jc-ai-task-section{margin-bottom:26px;} .jc-shell .jc-ai-task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;} .jc-shell .jc-ai-task-list button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;text-align:left;padding:18px 16px;min-height:104px;border:1px solid #d9e3d3;border-radius:10px;background:#f8faf5;color:#52664d;} .jc-shell .jc-ai-task-list button strong{font-size:14px;font-weight:650;color:#294e37;line-height:1.35;} .jc-shell .jc-ai-task-list button>span{font-size:12px;line-height:1.5;} .jc-shell .jc-ai-task-list button.is-selected{background:#fff;border-color:#326346;box-shadow:inset 0 -3px #326346;} .jc-shell .jc-ai-workbench{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:24px;align-items:start;} .jc-shell .jc-ai-workbench>.jc-card{padding:26px;} .jc-shell .jc-ai-guidance{margin-bottom:23px;border-bottom:1px solid #e2e9dc;padding-bottom:12px;} .jc-shell .jc-ai-guidance summary{font-size:13px;color:#31603d;min-height:36px;padding:6px 0;} .jc-shell .jc-ai-guidance ul{margin:12px 0 0;padding-left:20px;font-size:13px;line-height:1.75;color:#65765d;} .jc-shell .jc-ai-input>label{display:block;margin:22px 0 9px;font-size:13px;font-weight:600;color:#2c4934;} .jc-shell .jc-ai-input textarea,.jc-shell .jc-ai-input select,.jc-shell .jc-ai-result textarea{width:100%;max-width:100%;min-width:0;display:block;font:inherit;font-size:14px;line-height:1.65;padding:13px 14px;border:1px solid #cbdac4;border-radius:9px;background:#fff;color:#233f2b;} .jc-shell .jc-ai-input textarea,.jc-shell .jc-ai-result textarea{resize:vertical;} .jc-shell .jc-ai-input textarea:focus,.jc-shell .jc-ai-input select:focus,.jc-shell .jc-ai-result textarea:focus{border-color:#417d51;outline:3px solid #dcebd5;outline-offset:1px;} .jc-shell .jc-ai-workshop .jc-help{font-size:12px;line-height:1.6;color:#65765d;margin:9px 0;} .jc-shell .jc-ai-field-note{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;flex-wrap:wrap;} .jc-shell .jc-ai-field-note p{font-size:12px;margin:0;color:#65765d;flex:1 1 180px;} .jc-shell .jc-ai-field-note button{font-size:12px;min-height:34px;padding:4px 0;} .jc-shell .jc-ai-consent{margin:23px 0 18px;padding:18px 0 0;border-top:1px solid #e2e9dc;} .jc-shell .jc-ai-consent .jc-check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;font-weight:400;margin:0;} .jc-shell .jc-ai-consent input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:#295f3b;} .jc-shell .jc-ai-result-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #e2e9dc;margin-bottom:22px;} .jc-shell .jc-ai-result-head h2{font-size:21px;margin:6px 0 0;}.jc-shell .jc-ai-result-head .jc-eyebrow{font-size:10px;letter-spacing:.08em;margin:0;} .jc-shell .jc-ai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:24px 8px;color:#65765d;} .jc-shell .jc-ai-paper{width:42px;height:52px;border:1px solid #c8d7c0;border-radius:5px;background:#f8faf5;display:grid;place-items:center;color:#5c8056;font-size:30px;margin-bottom:20px;} .jc-shell .jc-ai-empty h3{font-size:19px;line-height:1.4;max-width:25ch;margin:0 0 12px;color:#34543c;} .jc-shell .jc-ai-empty p{font-size:13px;line-height:1.75;max-width:42ch;margin:0;} .jc-shell .jc-ai-footnote{font-size:11px;line-height:1.7;margin:22px 0 0;padding-top:18px;border-top:1px solid #e2e9dc;color:#6a7963;} .jc-shell .jc-ai-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;} .jc-shell .jc-ai-result-actions .jc-button{font-size:12px;padding:11px 15px;} @media(max-width:1120px){.jc-shell .jc-agent-layout{grid-template-columns:minmax(0,1fr)}.jc-shell .jc-agent-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jc-shell .jc-ai-task-list{grid-template-columns:repeat(2,minmax(0,1fr));}.jc-shell .jc-ai-workbench{grid-template-columns:minmax(0,1fr)}.jc-shell .jc-ai-empty{min-height:220px}} @media(max-width:640px){.jc-shell .jc-agent-form-grid{grid-template-columns:minmax(0,1fr)}.jc-shell .jc-agent-intro,.jc-shell .jc-agent-section,.jc-shell .jc-agent-submit{padding:20px}.jc-shell .jc-agent-extra{padding:12px 20px}.jc-shell .jc-agent-summary{padding:20px}.jc-shell .jc-agent-summary dl{grid-template-columns:1fr;gap:0}.jc-shell .jc-ai-workbench>.jc-card{padding:20px}.jc-shell .jc-ai-input textarea,.jc-shell .jc-ai-input select,.jc-shell .jc-ai-result textarea{font-size:16px}.jc-shell .jc-ai-task-list button{padding:15px 12px}.jc-shell .jc-ai-result-actions>.jc-button{flex:1}.jc-shell .jc-calendar-toolbar{padding:16px}.jc-shell .jc-calendar-toolbar .jc-segmented{width:100%;display:flex}.jc-shell .jc-calendar-toolbar .jc-segmented button{flex:1}.jc-shell .jc-interviews-page .wc-container{max-height:560px}.jc-shell .jc-interviews-page .jc-appointment{padding:20px}.jc-shell .j5-candidate-flow .app-empty-state{padding:30px 20px}.jc-shell .j5-candidate-flow .app-empty-state p{font-size:14px}.jc-shell .jc-agent-editor input,.jc-shell .jc-agent-editor select{font-size:16px}}