.cc-ad-switch-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    color: inherit;
    text-decoration: none;
    flex: 0 0 auto;
}

.cc-ad-switch-link:hover,
.cc-ad-switch-link:focus {
    text-decoration: none;
    opacity: 0.85;
    color: inherit;
}

.cc-ad-switch-icon {
    display: block;
    width: 20px;
    height: 20px;
}

.cc-ad-sheet .job-right-title .cc-ad-switch-link {
    color: #ffffff;
}

.profile-tab {
    display: flex;
    align-items: center;
}

/* Classic Job / Internal Information tabs: same width as .profile-tab-content */
.profile-tab:has(.cc-ad-switch-tab) {
    max-width: 1416px;
}

.profile-tab .cc-ad-switch-tab {
    flex: 0 0 auto !important;
    min-width: 0;
    margin-left: auto;
    /* Match .profile-tab-content padding-right + column gutter (net 15px) */
    padding-right: 15px;
}

.profile-tab .cc-ad-switch-link {
    color: #006db7;
}

html[data-theme="dark"] .profile-tab .cc-ad-switch-link {
    color: var(--cc-theme-dark-text, #e8eef7);
}

@media (max-width: 991px) {
    .profile-tab.profile-tab-mobile-dual .cc-ad-switch-tab {
        flex: 0 0 auto !important;
        width: auto;
    }
}

.cc-ad-active .profile-tab.nav-pills {
    display: none;
}

.cc-ad-active .tab-pane {
    display: block !important;
    opacity: 1 !important;
}

.cc-ad-active .profile-tab-content.is-cc-ad-collapsed {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

/* Off-screen Classic field park on Designer create (first paint = Document). */
.cc-ad-jobs-compose .cc-ad-classic-source {
    position: absolute !important;
    left: -10000px !important;
    top: 0 !important;
    width: 720px !important;
    visibility: hidden;
    pointer-events: none;
}

.cc-ad-layout {
    display: block;
}

.cc-ad-sheet.job-right,
.cc-ad-sheet {
    width: 100%;
    max-width: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    min-height: 24rem;
}

html[data-theme="dark"] .cc-ad-sheet {
    background: transparent;
    border-color: transparent;
    color: var(--cc-theme-dark-text, #E5ECF6);
}

html[data-theme="dark"] .cc-ad-meta,
html[data-theme="dark"] .cc-ad-meta [data-cc-ad-key],
html[data-theme="dark"] .cc-ad-meta .cc-ad-editor,
html[data-theme="dark"] .cc-ad-meta .cc-ad-country-text,
html[data-theme="dark"] .cc-ad-meta input:not(.cc-ad-textarea-source),
html[data-theme="dark"] .cc-ad-meta [data-cc-ad-key="opening_date"] {
    color: var(--cc-theme-dark-text, #E5ECF6) !important;
}

/*
 * Plain upper meta labels (Company, Location, …) match lower listing field names.
 * Opening Date / Deadline date-switches keep a distinct color only while composing
 * (not posted), so they read as dropdowns.
 */
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta > [data-cc-ad-key] > .cc-ad-meta-label:not(.cc-ad-meta-date-switch),
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta > [data-cc-ad-key] > label.control-label:not(.cc-ad-meta-date-switch) {
    color: var(--cc-theme-light-primary, #006DB7) !important;
    -webkit-text-fill-color: var(--cc-theme-light-primary, #006DB7) !important;
}

html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta > [data-cc-ad-key] > .cc-ad-meta-label:not(.cc-ad-meta-date-switch),
html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta > [data-cc-ad-key] > label.control-label:not(.cc-ad-meta-date-switch) {
    color: var(--cc-theme-dark-primary, #809EE5) !important;
    -webkit-text-fill-color: var(--cc-theme-dark-primary, #809EE5) !important;
}

/* Compose-only (not posted): Opening Date / Deadline stay a distinct interactive blue.
 * `.cc-ad-meta-date-switch` exists only on Designer/Draft/Pending Document sheets. */
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch,
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-trigger,
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-label-text,
html[data-theme="light"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-caret,
html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch,
html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-trigger,
html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-label-text,
html[data-theme="dark"] .job-right .cc-ad-sheet .cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-caret {
    color: #4F8DE8 !important;
    -webkit-text-fill-color: #4F8DE8 !important;
}

/* Beat later Jobs card-background tokens so the in-progress listing stays slightly highlighted. */
html[data-theme="light"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item,
html[data-theme="light"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item:hover,
html[data-theme="light"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item:focus,
html[data-theme="light"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item.job-item-active {
    box-shadow: 0 0 0 2px rgba(0, 109, 183, 0.42) !important;
    background-color: rgba(0, 109, 183, 0.06) !important;
}

html[data-theme="dark"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item:hover,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item:focus,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left [data-cc-ad-compose-row].job-item.job-item-active {
    box-shadow: 0 0 0 2px rgba(53, 199, 216, 0.48) !important;
    background-color: rgba(53, 199, 216, 0.08) !important;
}

html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-text h5,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-text h5 .cc-job-list-marquee__text {
    color: var(--cc-theme-dark-announcements-list-title-text, #E5ECF6) !important;
}

html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-text h6,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-text h6 .cc-job-list-marquee__text {
    color: var(--cc-theme-dark-announcements-list-meta-text, #A8B7C8) !important;
}

html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-date span,
html[data-theme="dark"] .cc-ad-jobs-compose .job-left .job-item .job-item-info-date span[data-cc-ad-compose-date] {
    color: var(--cc-theme-dark-announcements-list-date-text, #94A3B8) !important;
}

/* Sheet meta values share one content color (Deadline). Beat date-picker fill. */
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group .control-label,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input.date-style:valid ~ .control-label,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input.form-file ~ .control-label,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input:focus ~ .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input.date-style:valid ~ .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input.form-file ~ .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .form-group input:focus ~ .control-label {
    background: transparent !important;
    background-color: transparent !important;
}

html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input:not(.cc-ad-textarea-source):not(.cc-ad-compose-org-search):not([data-cc-ad-staff-org-search]),
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-profile-dob-display,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-profile-dob-display:focus,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .cc-ad-editor,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-country-text,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-location-values,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value {
    color: var(--cc-theme-light-text, #181818) !important;
    -webkit-text-fill-color: var(--cc-theme-light-text, #181818) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input:not(.cc-ad-textarea-source):not(.cc-ad-compose-org-search):not([data-cc-ad-staff-org-search]),
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-profile-dob-display,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-profile-dob-display:focus,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] .cc-ad-editor,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-country-text,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-location-values,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value {
    color: var(--cc-theme-dark-text, #E5ECF6) !important;
    -webkit-text-fill-color: var(--cc-theme-dark-text, #E5ECF6) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key="opening_date"] .cc-profile-dob-toggle,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key="deadline"] .cc-profile-dob-toggle,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key="start_date"] .cc-profile-dob-toggle {
    color: var(--cc-theme-dark-announcements-list-date-text, #94A3B8) !important;
}

.cc-ad-sheet .cc-ad-meta [data-cc-ad-key="opening_date"] input:not([type="hidden"]),
.cc-ad-sheet .cc-ad-meta [data-cc-ad-key="start_date"] input:not([type="hidden"]),
.cc-ad-sheet .cc-ad-meta [data-cc-ad-key="code"] input:not([type="hidden"]),
.cc-ad-sheet .cc-ad-meta [data-cc-ad-key="duration"] input:not([type="hidden"]) {
    min-width: 9ch;
    flex-shrink: 0;
    overflow: visible;
}

.cc-ad-sheet .cc-ad-meta [data-cc-ad-key="start_date"] .cc-ad-meta-value {
    position: relative;
}

.cc-ad-staff-bar {
    margin: 0;
    padding: 0;
    font-size: 13px;
    border: 0;
    border-radius: 0;
    background-color: transparent !important;
}

.cc-ad-staff-title {
    font-weight: 700;
    margin: 0 0 0.85rem;
    line-height: 1.3;
}

html[data-theme="dark"] .cc-ad-staff-bar {
    border-color: transparent;
    background-color: transparent !important;
}

.cc-ad-staff-bar[hidden] {
    display: none !important;
}

.cc-ad-staff-bar [data-cc-ad-key] {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    clear: both;
    overflow: visible;
    margin: 0 0 1.15rem;
    min-height: 3.25rem;
}

.cc-ad-staff-bar [data-cc-ad-key]:last-child {
    margin-bottom: 0;
}

.cc-ad-staff-bar .form-group {
    position: relative;
    margin: 0.65rem 0 0;
    padding-top: 0.15rem;
    min-height: 3.25rem;
}

.cc-ad-staff-bar [data-cc-ad-key="role_structure"] .form-group {
    margin: 0.65rem 0 0.85rem;
}

.cc-ad-staff-bar [data-cc-ad-key="contact_title"],
.cc-ad-staff-bar [data-cc-ad-key="expiration_date"],
.cc-ad-staff-bar [data-cc-ad-key="contact_person"] {
    display: block;
    width: 100%;
    min-height: 3.6rem;
}

.cc-ad-staff-bar input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.cc-ad-staff-bar select,
.cc-ad-staff-bar textarea,
.cc-ad-staff-bar #example,
.cc-ad-staff-bar #role_structure_category_id,
.cc-ad-staff-bar #product_id {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    min-height: 2.9rem !important;
    height: auto !important;
    box-sizing: border-box;
}

.cc-ad-staff-bar .role-structure-select-wrap {
    display: block;
    width: 100%;
    min-height: 2.9rem;
}

.cc-ad-staff-bar .cc-ad-editor,
.cc-ad-staff-bar .cc-ad-toolbar {
    display: none !important;
}

/* Position Roles hover card: stack Role / Fields; no in-card title (tab names it). */
.cc-ad-position-roles-panel .cc-ad-staff-bar > [data-cc-ad-key]:first-of-type,
.cc-ad-position-roles-panel #role-structure-fields-block {
    margin-top: 0.15rem;
}

.cc-ad-position-roles-panel .form-group {
    margin-top: 0.85rem;
    padding-top: 0.25rem;
}

.cc-ad-position-roles-panel #role-structure-fields-block > .form-group:first-child {
    margin-top: 0.15rem;
}

.cc-ad-position-roles-panel .form-group > label.control-label {
    z-index: 3;
}

.cc-ad-position-roles-panel .role-structure-select-wrap {
    overflow: visible;
}

.cc-ad-position-roles-panel .role-structure-suggestion-beside {
    z-index: 4;
}

.cc-ad-position-roles-panel .role-structure-examples-hint {
    display: block;
    margin: 0.35rem 0 0.65rem;
    line-height: 1.35;
}

.cc-ad-position-roles-panel #example {
    margin-top: 0.25rem;
}

.cc-ad-sheet .job-right-title {
    overflow: visible;
    height: auto;
    align-items: center;
    /* Freeze Position with the tab row while the body scrolls.
     * Beats .body-list .job-right-title { position: relative } on desktop Jobs. */
    position: sticky;
    top: 0;
    z-index: 12;
}

@media (max-width: 767px) {
    .cc-ad-sheet .job-right-title {
        top: 64px;
    }
}

.cc-ad-sheet .job-action-buttons,
.cc-ad-sheet .job-action-buttons .dropdown-menu,
.cc-ad-sheet .cc-ad-tab-actions,
.cc-ad-sheet .cc-ad-tab-actions .dropdown-menu {
    overflow: visible;
    z-index: 30;
}

.cc-ad-sheet .job-right-title .job-title,
.cc-ad-sheet .cc-ad-title-slot {
    overflow: visible;
    white-space: normal;
    height: auto;
    flex: 1 1 auto;
    width: auto;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 0;
}

.cc-ad-sheet .job-right-title [data-cc-ad-key],
.cc-ad-sheet .job-right-title .form-group {
    overflow: visible;
    white-space: normal;
    height: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 0;
}

.cc-ad-sheet .job-right-title .job-action-buttons {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    width: auto;
}

.cc-ad-sheet .job-right-title .job-action-buttons .btn,
.cc-ad-sheet .job-right-title .job-action-buttons .btn-group {
    min-width: 0;
    width: max-content;
    flex: 0 0 auto;
}

.cc-ad-sheet .job-tab .cc-ad-tab-actions .btn,
.cc-ad-sheet .job-tab .cc-ad-tab-actions .btn-group {
    min-width: 0;
    width: max-content;
    flex: 0 0 auto;
}

/* Keep tab-row Actions at the public listing compact size — never Assets `.btn` 39px side padding. */
.cc-ad-sheet .job-tab .cc-ad-tab-actions .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    font-size: 12px;
    line-height: 18px;
    min-height: 32px;
    height: auto;
    box-sizing: border-box;
}

.cc-ad-sheet .job-right-title .help-block:empty {
    display: none !important;
}

.cc-ad-sheet .job-right-title .cc-ad-editor,
.cc-ad-sheet .job-right-title input:not(.cc-ad-textarea-source),
.cc-ad-sheet .cc-ad-title-editor {
    color: #fff !important;
    caret-color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    min-height: 1.25em !important;
    height: auto;
    width: 100% !important;
    max-width: 100%;
    display: block;
}

.cc-ad-sheet .job-right-title .cc-ad-editor:empty::before {
    color: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
}

/*
 * Freeze the listing tab row under sticky Position while the body scrolls.
 * --cc-ad-sticky-tabs-top is set from title sticky top + height (designer-tabs.js).
 * Keep overflow visible so Attachments / Optional Fields / Position Roles panels are not clipped.
 */
.body-list .cc-ad-sheet .job-right-title,
.body-list .job-right:has(.job-tab) .job-right-title {
    position: sticky;
    top: 0;
    z-index: 12;
}

@media (max-width: 767px) {
    .body-list .cc-ad-sheet .job-right-title,
    .body-list .job-right:has(.job-tab) .job-right-title {
        top: 64px;
    }
}

.cc-ad-sheet .job-tab {
    position: sticky;
    top: var(--cc-ad-sticky-tabs-top, 0px);
    z-index: 11;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    overflow: visible;
    background-color: var(--cc-theme-light-surface, #ffffff);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

html[data-theme="dark"] .cc-ad-sheet .job-tab {
    background-color: var(--cc-theme-dark-background, #0f141c);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cc-ad-sheet .job-tab-content {
    position: relative;
    z-index: 1;
}

.cc-ad-sheet .job-tab .nav-item,
.cc-ad-sheet .job-tab .nav-link {
    white-space: nowrap;
}

.cc-ad-sheet .job-tab .nav-link {
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-bottom: solid 2px transparent;
}

/* Internal Information sits beside Company (left cluster); Optional Fields stays right. */
.cc-ad-internal-tab {
    margin-left: 0;
    flex: 0 0 auto;
}

.cc-ad-fields-tab {
    position: relative;
    margin-left: 0.35rem;
    flex: 0 0 auto;
}

/* Designer create: Autosave packs the right cluster (then Multi → Attachments → …).
 * Document review: Autosave packs when present; guests fall back to Attachments.
 * NOTE: the definitive create packing rule lives later in this file (after default
 * gap rules) so `margin-left: auto` is not overridden to `0.35rem`. */
.cc-ad-sheet .cc-ad-tab-actions {
    margin-left: 0.35rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    align-self: center;
    position: relative;
    z-index: 8;
}

.cc-ad-sheet .cc-ad-tab-actions .btn-group,
.cc-ad-sheet .cc-ad-tab-actions .dropdown-toggle {
    margin: 0;
}

/* Company mark trailing — Form/Document switch lives on the body upper-right. */
.cc-ad-sheet .cc-job-meta-panel > .cc-ad-meta-trailing,
.job-right .cc-job-meta-panel > .cc-ad-meta-trailing {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0.35rem;
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 1rem;
    align-self: flex-start;
    position: relative;
    z-index: 8;
}

/* Create Designer: meta block has 14px top margin — match so the mark stays on the Company row. */
.cc-ad-sheet .cc-job-meta-panel > .cc-ad-meta-trailing {
    margin-top: 14px;
}

.cc-ad-meta-editor-switch {
    display: flex;
    align-items: center;
    line-height: 1;
    flex: 0 0 auto;
}

.cc-ad-sheet .cc-job-meta-panel .cc-ad-meta-editor-switch .cc-ad-switch-link {
    display: inline-flex;
    align-items: center;
    color: inherit;
}

html[data-theme="dark"] .cc-ad-sheet .cc-job-meta-panel .cc-ad-meta-editor-switch .cc-ad-switch-link {
    color: var(--cc-theme-dark-text, #e8eef7);
}

/* Form/Document switch: body upper-right, same 18×18 as left-panel classic-view switch. */
.cc-ad-sheet .job-tab-content .cc-ad-body-editor-switch,
.job-right .job-tab-content .cc-ad-body-editor-switch {
    position: absolute;
    top: 0.25rem;
    right: 0.15rem;
    z-index: 7;
    display: flex;
    align-items: center;
    line-height: 1;
}

.cc-ad-sheet .cc-ad-body-editor-switch .cc-ad-switch-link,
.job-right .cc-ad-body-editor-switch .cc-ad-switch-link {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-body-editor-switch .cc-ad-switch-link,
html[data-theme="dark"] .job-right .cc-ad-body-editor-switch .cc-ad-switch-link {
    color: var(--cc-theme-dark-text, #e8eef7);
}

.cc-ad-sheet .cc-ad-body-editor-switch .cc-ad-switch-icon,
.job-right .cc-ad-body-editor-switch .cc-ad-switch-icon {
    width: 18px;
    height: 18px;
    display: block;
}

/* Attachments is icon-only (Form switch pattern): wording via title/aria-label on hover. */
.cc-ad-attachments-tab .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-right: 0.45rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    background-color: transparent !important;
    border: 0 !important;
    color: inherit;
}

.cc-ad-attachments-tab .cc-ad-composer-tab-icon {
    display: block;
}

.cc-ad-sheet .job-tab .cc-ad-attachments-tab .nav-link,
.job-right .job-tab .cc-ad-attachments-tab .nav-link {
    background-color: transparent !important;
    border: 0 !important;
    color: inherit;
}

/* Autosave / Attachments tabs: default sibling gap; create packs via Autosave
 * `margin-left: auto` below (must stay after this block so packing wins). */
.cc-ad-autosave-tab,
.cc-ad-attachments-tab {
    position: relative;
    margin-left: 0.35rem;
    flex: 0 0 auto;
}

.cc-ad-autosave-tab {
    display: flex;
    align-items: center;
    align-self: center;
}

/* Document: Autosave packs the right cluster when present. */
.job-right .job-tab .cc-ad-autosave-tab {
    position: relative;
    margin-left: auto;
    flex: 0 0 auto;
    align-self: center;
}

.job-right .job-tab .cc-ad-attachments-tab {
    position: relative;
    margin-left: 0.35rem;
    flex: 0 0 auto;
    align-self: center;
}

.job-right .job-tab:not(:has(.cc-ad-autosave-tab)) .cc-ad-attachments-tab {
    margin-left: auto;
}

.job-right .job-tab .cc-ad-tab-tools {
    margin-left: 0.35rem;
    flex: 0 0 auto;
}

/* Create: Autosave is first of the right cluster (Multi-language + Attachments
 * + Position Roles + Optional + Actions). Keep AFTER gap rules so packing wins.
 * Create form also has `.job-right` — pending-review sibling-gap must not reset this. */
.cc-ad-sheet .job-tab .cc-ad-autosave-tab,
.job-right.cc-ad-active .job-tab .cc-ad-autosave-tab,
form.job-right .job-tab .cc-ad-autosave-tab {
    margin-left: auto;
    flex: 0 0 auto;
    align-self: center;
    position: relative;
}

.cc-ad-sheet .job-tab .cc-ad-attachments-tab,
.job-right.cc-ad-active .job-tab .cc-ad-attachments-tab,
form.job-right .job-tab .cc-ad-attachments-tab {
    margin-left: 0.35rem;
    flex: 0 0 auto;
    align-self: center;
    position: relative;
}

.cc-ad-sheet .job-tab:not(:has(.cc-ad-autosave-tab)) .cc-ad-attachments-tab,
.job-right.cc-ad-active .job-tab:not(:has(.cc-ad-autosave-tab)) .cc-ad-attachments-tab,
form.job-right .job-tab:not(:has(.cc-ad-autosave-tab)) .cc-ad-attachments-tab {
    margin-left: auto;
}

/* Multi-language list: icon-only toggle immediately after Attachments. */
.cc-ad-multi-language-tab {
    position: relative;
    margin-left: 0.35rem;
    flex: 0 0 auto;
    align-self: center;
}

.cc-ad-multi-language-tab .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-right: 0.45rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    background-color: transparent !important;
    border: 0 !important;
    color: inherit;
}

.cc-ad-sheet .job-tab .cc-ad-multi-language-tab .nav-link,
.job-right .job-tab .cc-ad-multi-language-tab .nav-link {
    background-color: transparent !important;
    border: 0 !important;
    color: inherit;
}

.cc-ad-attachments-panel {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: auto;
    right: 0;
    z-index: 22;
    /*
     * Grow to the longest attachment name (right-aligned, expands left).
     * Children must use intrinsic max-content widths — not min-width:0 /
     * max-width:100% — or this collapses to min-width and names wrap early.
     */
    width: max-content;
    min-width: 16rem;
    max-width: min(48rem, calc(100vw - 2rem));
    max-height: min(70vh, 28rem);
    overflow: auto;
    padding: 0.55rem 0.75rem 0.65rem;
    background: #fff;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 35, 70, 0.14);
    box-sizing: border-box;
}

.cc-ad-attachments-panel-inner {
    width: max-content;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
}

/* Hover bridge only — must not steal paperclip clicks (picker opens on icon click). */
.cc-ad-attachments-panel::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    pointer-events: none;
}

.cc-ad-attachments-tab:hover > .cc-ad-attachments-panel,
.cc-ad-attachments-tab:focus-within > .cc-ad-attachments-panel,
.cc-ad-attachments-tab.is-open > .cc-ad-attachments-panel {
    display: block;
}

html[data-theme="dark"] .cc-ad-attachments-panel {
    background: var(--cc-theme-dark-surface, #161c26);
    border-color: var(--cc-theme-dark-border, #2a3344);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    color: var(--cc-theme-dark-text, #e8eef7);
}

.cc-ad-attachments-panel-title {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 700;
}

.cc-ad-attachments-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    height: 1.1rem;
    margin-left: 0.15rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    background: #0d6efd;
    color: #fff;
}

.cc-ad-attachments-mount .cc-ad-attachments,
.cc-ad-attachments-mount #dynamic_field,
.cc-ad-attachments-mount .job-file-upload,
.cc-ad-attachments-mount .add-input {
    margin-bottom: 0.15rem;
}

.cc-ad-attachments-mount .cc-ad-attachments {
    margin: 0;
}

/* Designer hover panel: one compact row per attachment. */
.cc-ad-attachments-mount #dynamic_field > .deleting.cc-ad-attachments-row--draggable,
#dynamic_field > .deleting.cc-ad-attachments-row--draggable {
    cursor: default;
}

.cc-ad-attachments-mount #dynamic_field > .deleting.is-cc-ad-attach-dragging,
#dynamic_field > .deleting.is-cc-ad-attach-dragging {
    opacity: 0.55;
}

.cc-ad-attachments-mount #dynamic_field > .deleting.is-cc-ad-attach-drop-target,
#dynamic_field > .deleting.is-cc-ad-attach-drop-target {
    box-shadow: inset 0 0 0 1px var(--cc-theme-accent, #26c8d7);
    border-radius: 4px;
}

.cc-ad-attachments-drag-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: grab;
    opacity: 0;
    pointer-events: none;
    color: inherit;
}

.cc-ad-attachments-mount .fileDiv:hover > .cc-ad-attachments-drag-handle,
.cc-ad-attachments-mount .fileDiv:focus-within > .cc-ad-attachments-drag-handle,
.cc-ad-attachments-mount .deleting:hover > .fileDiv > .cc-ad-attachments-drag-handle,
.cc-ad-attachments-drag-handle:focus-visible,
.is-cc-ad-attach-dragging .cc-ad-attachments-drag-handle {
    opacity: 1;
    pointer-events: auto;
}

.cc-ad-attachments-drag-handle:active {
    cursor: grabbing;
}

.cc-ad-attachments-drag-handle img {
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    pointer-events: none;
}

html[data-theme="light"] .cc-ad-attachments-drag-handle img {
    filter: invert(27%) sepia(91%) saturate(1642%) hue-rotate(186deg) brightness(94%) contrast(101%);
}

html[data-theme="dark"] .cc-ad-attachments-drag-handle img {
    filter: invert(79%) sepia(18%) saturate(747%) hue-rotate(176deg) brightness(95%) contrast(96%);
}

.cc-ad-attachments-mount .deleting,
.cc-ad-attachments-mount .deleting.d-flex {
    display: flex !important;
    flex-direction: column;
    gap: 0.1rem;
    margin: 0 !important;
    padding: 0 !important;
}

.cc-ad-attachments-mount .fileDiv {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
    /* Intrinsic width so the hover panel can grow with the longest name. */
    width: max-content;
    max-width: min(46rem, calc(100vw - 3rem));
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.cc-ad-attachments-mount .fileDiv .custom-file-upload,
.cc-ad-attachments-mount .fileDiv.has-file .custom-file-upload,
.cc-ad-attachments-mount .fileDiv:has(input.files[data-attachment-stage-state]) .custom-file-upload {
    display: none !important;
}

.cc-ad-attachments-mount .fileDiv > .form-group:not(.descriptionDiv) {
    display: none;
}

.cc-ad-attachments-mount .descriptionDiv {
    display: flex !important;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    width: max-content;
    max-width: min(44rem, calc(100vw - 4rem));
    min-width: 0;
    margin: 0 !important;
    box-sizing: border-box;
}

.cc-ad-attachments-mount .cc-ad-attachments-row-dl,
.cc-ad-attachments-mount a.job-file-upload-img.cc-ad-attachments-row-dl,
.cc-ad-attachments-mount a.job-file-upload-img {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 1.15rem;
    height: 1.15rem;
    min-height: 0 !important;
    max-width: 1.15rem;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    line-height: 0;
    opacity: 0.85;
    text-decoration: none !important;
    overflow: hidden;
    vertical-align: middle;
    /* Classic Form .job-file-upload-img uses margin-bottom:15px / min-height:25px — that
       asymmetrically expands the flex item and lifts icons above the description pill. */
}

.cc-ad-attachments-mount .cc-ad-attachments-row-dl[hidden] {
    display: none !important;
}

.cc-ad-attachments-mount .cc-ad-attachments-row-dl img,
.cc-ad-attachments-mount a.job-file-upload-img img {
    width: 14px;
    height: 14px;
    display: block;
    flex: 0 0 auto;
}

html[data-theme="dark"] .cc-ad-attachments-mount .cc-ad-attachments-row-dl img,
html[data-theme="dark"] .cc-ad-attachments-mount a.job-file-upload-img img {
    filter: brightness(1.15);
}

.cc-ad-attachments-mount .descriptionDiv .form-control {
    flex: 0 1 auto;
    align-self: center;
    /* Prefer one line; wrap only after hitting the viewport/panel cap below. */
    width: max-content;
    min-width: 8rem;
    max-width: min(40rem, calc(100vw - 6rem));
    height: auto;
    min-height: 1.65rem;
    padding: 0.15rem 0.35rem;
    font-size: 0.85rem;
    line-height: 1.3;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
    resize: none;
    field-sizing: content;
    box-sizing: border-box;
}

.cc-ad-attachments-mount .descriptionDiv .control-label {
    display: none;
}

.cc-ad-attachments-mount .descriptionDiv .deleting-button {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    min-width: 1.35rem;
    margin: 0 0 0 0.15rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.12s ease;
}

.cc-ad-attachments-mount .fileDiv:hover .descriptionDiv .deleting-button,
.cc-ad-attachments-mount .fileDiv:focus-within .descriptionDiv .deleting-button,
.cc-ad-attachments-mount .descriptionDiv .deleting-button:focus-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cc-ad-attachments-mount .descriptionDiv .deleting-button img {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px;
    max-height: 14px;
    display: block;
    /* /img/delete.svg is already #ff5f6d; keep raster/base64 icons red too. */
    filter: none;
}

/* Force coral/red trash even when the button still carries a dark/light PNG. */
.cc-ad-attachments-mount .descriptionDiv .deleting-button img[src*="data:image"],
.cc-ad-attachments-mount .descriptionDiv .deleting-button img:not([src*="delete.svg"]) {
    filter: invert(48%) sepia(70%) saturate(1800%) hue-rotate(314deg) brightness(102%) contrast(101%);
}

html[data-theme="dark"] .cc-ad-attachments-mount .descriptionDiv .deleting-button img[src*="data:image"],
html[data-theme="dark"] .cc-ad-attachments-mount .descriptionDiv .deleting-button img:not([src*="delete.svg"]) {
    filter: invert(48%) sepia(70%) saturate(1800%) hue-rotate(314deg) brightness(102%) contrast(101%);
}

/* Progress / Scanning only while uploading; hide when ready. */
.cc-ad-attachments-mount .js-attachment-stage-status {
    flex: 1 0 100%;
    order: 3;
    margin: 0 !important;
    min-height: 0;
}

.cc-ad-attachments-mount .js-attachment-stage-status.mt-2 {
    margin-top: 0.15rem !important;
}

.cc-ad-attachments-mount .js-attachment-stage-status .progress {
    height: 3px;
    margin: 0;
}

.cc-ad-attachments-mount .js-attachment-stage-message {
    margin-top: 0.15rem !important;
    font-size: 0.72rem;
    line-height: 1.2;
    color: #6c7a90;
}

.cc-ad-attachments-mount .js-attachment-stage-status.is-pending .js-attachment-stage-message {
    display: block;
}

.cc-ad-attachments-mount .fileDiv:has(input.files[data-attachment-stage-state="ready"]) .js-attachment-stage-status,
.cc-ad-attachments-mount .fileDiv.has-file[data-attachment-stage-state="ready"] .js-attachment-stage-status,
.cc-ad-attachments-mount .js-attachment-stage-status.is-ready {
    display: none !important;
}

.cc-ad-attachments-mount .add-input {
    display: none;
}

html[data-theme="dark"] .cc-ad-attachments-mount .descriptionDiv .form-control {
    color: var(--cc-theme-dark-text, #e8eef7);
    background: var(--cc-theme-dark-surface-2, #1c2430);
    border-color: var(--cc-theme-dark-border, #2a3344);
}

.cc-ad-attachments-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cc-ad-attachments-list__item + .cc-ad-attachments-list__item {
    margin-top: 0.15rem;
}

.cc-ad-attachments-list__link {
    --cc-ad-attach-line-height: 1.35;
    display: flex;
    /* First-line icon alignment when filenames wrap (not mid-block center). */
    align-items: flex-start;
    gap: 0.4rem;
    color: #0d6efd;
    text-decoration: none;
    width: max-content;
    max-width: min(44rem, calc(100vw - 4rem));
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: var(--cc-ad-attach-line-height);
}

.cc-ad-attachments-list__link img {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    display: block;
    /* Vertically center the glyph with the first text line only. */
    margin-top: calc((1em * var(--cc-ad-attach-line-height) - 14px) / 2);
}

.cc-ad-attachments-list__label {
    flex: 0 1 auto;
    width: max-content;
    max-width: min(40rem, calc(100vw - 6rem));
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
    text-decoration: none;
    line-height: var(--cc-ad-attach-line-height);
}

/* Posted / viewer list: underline filename only on hover. */
.cc-ad-attachments-list__link:hover .cc-ad-attachments-list__label,
.cc-ad-attachments-list__link:focus-visible .cc-ad-attachments-list__label {
    text-decoration: underline;
}

.cc-ad-attachments-list__link:hover {
    color: #0a58ca;
}

html[data-theme="dark"] .cc-ad-attachments-list__link {
    color: #7eb6ff;
}

html[data-theme="dark"] .cc-ad-attachments-list__link img {
    filter: brightness(1.15);
}

.cc-ad-attachments-empty {
    margin: 0;
    font-size: 0.85rem;
    opacity: 0.8;
}

.cc-ad-sheet .job-tab .cc-ad-fields-tab[hidden] {
    display: none !important;
}

.cc-ad-sheet .job-tab .cc-ad-composer-tab:not(.cc-ad-internal-tab):not(.cc-ad-attachments-tab):not(.cc-ad-multi-language-tab) .nav-link,
.cc-ad-sheet .job-tab .cc-ad-composer-tab:not(.cc-ad-internal-tab):not(.cc-ad-attachments-tab):not(.cc-ad-multi-language-tab) .nav-link.active,
.cc-ad-sheet .job-tab .cc-ad-composer-tab:not(.cc-ad-internal-tab):not(.cc-ad-attachments-tab):not(.cc-ad-multi-language-tab) .nav-link:hover,
.cc-ad-sheet .job-tab .cc-ad-composer-tab:not(.cc-ad-internal-tab):not(.cc-ad-attachments-tab):not(.cc-ad-multi-language-tab) .nav-link:focus {
    background-color: transparent !important;
    border-bottom-style: dotted !important;
    border-bottom-width: 2px !important;
    border-bottom-color: currentColor !important;
}

/* Internal / Attachments / Multi-language are icon-only: no tab underline. */
.cc-ad-sheet .job-tab .cc-ad-internal-tab .nav-link,
.cc-ad-sheet .job-tab .cc-ad-internal-tab .nav-link.active,
.cc-ad-sheet .job-tab .cc-ad-internal-tab .nav-link:hover,
.cc-ad-sheet .job-tab .cc-ad-internal-tab .nav-link:focus,
.cc-ad-sheet .job-tab .cc-ad-attachments-tab .nav-link,
.cc-ad-sheet .job-tab .cc-ad-attachments-tab .nav-link.active,
.cc-ad-sheet .job-tab .cc-ad-attachments-tab .nav-link:hover,
.cc-ad-sheet .job-tab .cc-ad-attachments-tab .nav-link:focus,
.cc-ad-sheet .job-tab .cc-ad-multi-language-tab .nav-link,
.cc-ad-sheet .job-tab .cc-ad-multi-language-tab .nav-link.active,
.cc-ad-sheet .job-tab .cc-ad-multi-language-tab .nav-link:hover,
.cc-ad-sheet .job-tab .cc-ad-multi-language-tab .nav-link:focus {
    background-color: transparent !important;
    border-bottom: 0 !important;
}

.cc-ad-sheet .job-tab .cc-ad-fields-tab .nav-link {
    margin-right: 0;
}

.cc-ad-composer-tab .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cc-ad-composer-tab-icon {
    display: none;
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

/* Icon-only tabs: must come AFTER the global hide so create Multi-language cannot disappear. */
.cc-ad-multi-language-tab .cc-ad-composer-tab-icon {
    display: block;
}

html[data-theme="dark"] .cc-ad-composer-tab-icon {
    filter: invert(79%) sepia(18%) saturate(747%) hue-rotate(176deg) brightness(95%) contrast(96%);
}

html[data-theme="light"] .cc-ad-composer-tab-icon {
    filter: invert(27%) sepia(91%) saturate(1642%) hue-rotate(186deg) brightness(94%) contrast(101%);
}

/* Multi-language on: slightly stronger / warmer so the toggle state is visible. */
.cc-ad-multi-language-tab.is-on .cc-ad-composer-tab-icon {
    filter: invert(48%) sepia(70%) saturate(1800%) hue-rotate(314deg) brightness(102%) contrast(101%);
}

html[data-theme="dark"] .cc-ad-multi-language-tab.is-on .cc-ad-composer-tab-icon {
    filter: invert(72%) sepia(42%) saturate(1200%) hue-rotate(314deg) brightness(105%) contrast(98%);
}

/* Create Designer: autosave ✓ on the tab row (same chrome as Document). */
.cc-ad-sheet .job-tab .cc-ad-tab-tools {
    margin-left: 0.35rem;
    flex: 0 0 auto;
    align-self: center;
    display: flex;
    align-items: center;
}

.cc-ad-sheet .job-tab .cc-ad-tab-tools .cc-doc-autosave-status {
    display: inline-flex;
    align-items: center;
}

/* Internal Information is always icon-only; full wording stays on title/hover. */
.cc-ad-internal-tab .nav-link {
    margin-right: 0.45rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

.cc-ad-internal-tab .cc-ad-composer-tab-icon {
    display: block;
    box-sizing: border-box;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.cc-ad-internal-tab .cc-ad-composer-tab-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Optional Fields / Position Roles still collapse to icon only when the tab row overflows. */
.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-fields-tab .nav-link,
.job-container.is-cc-ad-tabs-icons .cc-ad-fields-tab .nav-link,
.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .nav-link,
.job-container.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .nav-link {
    margin-right: 0.45rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-fields-tab .cc-ad-composer-tab-icon,
.job-container.is-cc-ad-tabs-icons .cc-ad-fields-tab .cc-ad-composer-tab-icon,
.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .cc-ad-composer-tab-icon,
.job-container.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .cc-ad-composer-tab-icon {
    display: block;
}

.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-fields-tab .cc-ad-composer-tab-label,
.job-container.is-cc-ad-tabs-icons .cc-ad-fields-tab .cc-ad-composer-tab-label,
.cc-ad-jobs-compose.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .cc-ad-composer-tab-label,
.job-container.is-cc-ad-tabs-icons .cc-ad-position-roles-tab .cc-ad-composer-tab-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cc-ad-fields {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: auto;
    right: 0;
    z-index: 20;
    min-width: 16.5rem;
    max-width: min(26rem, calc(100vw - 2rem));
    padding: 0.7rem 0.8rem 0.75rem;
    margin: 0;
    border: 1px solid var(--cc-theme-border, #d9dee8);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.16);
}

.cc-ad-fields::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
}

.cc-ad-fields-tab:hover > .cc-ad-fields,
.cc-ad-fields-tab:focus-within > .cc-ad-fields,
.cc-ad-fields-tab.is-open > .cc-ad-fields {
    display: block;
}

/* Internal Contact: hover overlay over the listing (does not push body down). */
.cc-ad-internal-tab {
    position: relative;
}

.job-tab-content {
    position: relative;
}

.cc-ad-internal-panel.cc-ad-internal-panel--docked,
.job-tab-content > .cc-ad-internal-panel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.85rem 0.9rem 0.95rem;
    margin: 0;
    border: 1px solid var(--cc-theme-border, #d9dee8);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.16);
}

/* Position Roles: compact card under its tab, prefer right side (not full-bleed). */
.cc-ad-position-roles-panel.cc-ad-position-roles-panel--docked,
.job-tab-content > .cc-ad-position-roles-panel {
    display: none;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: 30;
    width: max-content;
    min-width: min(22rem, 100%);
    max-width: min(40rem, 100%);
    box-sizing: border-box;
    padding: 0.85rem 0.9rem 0.95rem;
    margin: 0;
    border: 1px solid var(--cc-theme-border, #d9dee8);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.16);
}

/* Open Fields/Areas list may use the full listing width for single-line labels. */
.cc-ad-position-roles-panel.is-cc-ad-fields-list-open {
    max-width: min(100%, calc(100vw - 1.5rem));
}

.cc-ad-position-roles-panel::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
}

.cc-ad-sheet.is-cc-ad-internal-open .cc-ad-internal-panel--docked,
.job-right.is-cc-ad-internal-open .cc-ad-internal-panel--docked,
.cc-ad-internal-panel--docked:not([hidden]),
.job-tab-content > .cc-ad-internal-panel:not([hidden]),
.cc-ad-sheet.is-cc-ad-position-roles-open .cc-ad-position-roles-panel--docked,
.job-right.is-cc-ad-position-roles-open .cc-ad-position-roles-panel--docked,
.cc-ad-position-roles-panel--docked:not([hidden]),
.job-tab-content > .cc-ad-position-roles-panel:not([hidden]) {
    /* Beat UA [hidden]{display:none!important} once JS marks the panel open. */
    display: block !important;
}

.cc-ad-internal-tab.is-open > .nav-link,
.cc-ad-position-roles-tab.is-open > .nav-link {
    opacity: 1;
}

html[data-theme="dark"] .cc-ad-internal-panel,
html[data-theme="dark"] .cc-ad-position-roles-panel {
    background: var(--cc-theme-dark-surface, #161c26);
    border-color: var(--cc-theme-dark-border, #2a3344);
    box-shadow: none;
}

html[data-theme="dark"] .cc-ad-fields {
    background: var(--cc-theme-dark-surface, #161c26);
    border-color: var(--cc-theme-dark-border, #2a3344);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.cc-ad-fields-tab .cc-ad-rail-title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.cc-ad-fields-tab .cc-ad-rail-list {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
}

.cc-ad-fields-tab .cc-ad-rail-chip {
    width: 100%;
    border-radius: 6px;
}

.cc-ad-sheet [data-cc-ad-key] {
    margin: 0 0 0.85rem;
}

.cc-ad-body [data-cc-ad-key] .help-block:empty,
.cc-ad-body [data-cc-ad-key] p.help-block:empty,
.cc-ad-body [data-cc-ad-key] .invalid-feedback:empty,
.cc-ad-company [data-cc-ad-key] .help-block:empty,
.cc-ad-company [data-cc-ad-key] p.help-block:empty,
.cc-ad-company [data-cc-ad-key] .invalid-feedback:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

.cc-ad-body [data-cc-ad-key].cc-ad-look-line {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    column-gap: 0.35rem;
    min-height: 0 !important;
    height: auto !important;
}

.cc-ad-body [data-cc-ad-key].cc-ad-look-line > .cc-ad-listing-h4,
.cc-ad-body [data-cc-ad-key].cc-ad-look-line > .control-label {
    display: inline !important;
    margin: 0 !important;
    flex: 0 0 auto;
    white-space: nowrap;
}

.cc-ad-body [data-cc-ad-key].cc-ad-look-line .cc-ad-editor,
.cc-ad-body [data-cc-ad-key].cc-ad-look-line .cc-ad-meta-editor {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0 !important;
}

.cc-ad-body [data-cc-ad-key].cc-ad-look-section,
.cc-ad-body [data-cc-ad-key].cc-ad-look-line,
.cc-ad-body [data-cc-ad-key] .form-group,
.cc-ad-company [data-cc-ad-key].cc-ad-look-section,
.cc-ad-company [data-cc-ad-key] .form-group {
    min-height: 0 !important;
}

.cc-ad-field {
    position: relative;
    cursor: text;
}

.cc-ad-field button,
.cc-ad-field select,
.cc-ad-field a {
    cursor: pointer;
}

.cc-ad-sheet .cc-ad-look-heading .control-label,
.cc-ad-sheet .cc-ad-look-heading .star {
    display: none !important;
}

.cc-ad-title-slot .cc-ad-title-editor,
.cc-ad-title-slot input:not(.cc-ad-textarea-source) {
    display: block;
    width: 100%;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
}

/* Labels share a column; values share the next so contents align vertically.
 * Company / Location / Opening Date / Deadline need a bit of air between rows
 * (not Classic form-group holes, but more than a near-flush 0.2rem). */
.cc-ad-meta {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 0.65rem;
    row-gap: 0.5rem;
    align-items: center;
    margin: 14px 24px 1.15rem;
    overflow: visible;
}

.cc-ad-meta > [data-cc-ad-key] {
    display: grid !important;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    /* Center label + value on the row (baseline left the date value sitting high). */
    align-items: center;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 0;
    line-height: 1.35;
    width: auto;
    max-width: 100%;
    overflow: visible;
}

.cc-ad-meta > [data-cc-ad-key] > .cc-ad-meta-label,
.cc-ad-meta > [data-cc-ad-key] > label.control-label {
    grid-column: 1;
}

.cc-ad-meta > [data-cc-ad-key] > .cc-ad-meta-value,
.cc-ad-meta > [data-cc-ad-key] > .cc-ad-location-values,
.cc-ad-meta > [data-cc-ad-key] > :not(.cc-ad-meta-label):not(label.control-label):not(.help-block):not(p.help-block) {
    grid-column: 2;
    min-width: 0;
}

.cc-ad-meta > [data-cc-ad-key] > .help-block,
.cc-ad-meta > [data-cc-ad-key] > p.help-block {
    grid-column: 1 / -1;
}

.cc-ad-meta-value {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Nested Posting/Expiration panes must not become full meta rows. */
.cc-ad-meta .cc-ad-meta-value > [data-cc-ad-key].cc-ad-meta-date-pane:not([hidden]),
.cc-ad-meta .cc-ad-meta-value > .cc-ad-meta-date-pane.is-cc-ad-meta-date-active {
    display: inline-flex !important;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    max-width: 100%;
    grid-column: auto;
}

@supports not (grid-template-columns: subgrid) {
    .cc-ad-meta {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .cc-ad-meta > [data-cc-ad-key] {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        grid-template-columns: none;
        grid-column: auto;
        column-gap: 0.65rem;
        width: 100%;
    }

    .cc-ad-meta > [data-cc-ad-key] > .cc-ad-meta-label,
    .cc-ad-meta > [data-cc-ad-key] > label.control-label {
        flex: 0 0 9.25rem;
        width: 9.25rem;
        grid-column: auto;
    }

    .cc-ad-meta > [data-cc-ad-key] > :not(.cc-ad-meta-label):not(label.control-label):not(.help-block):not(p.help-block) {
        flex: 1 1 auto;
        grid-column: auto;
    }
}

.cc-ad-meta .form-group,
.cc-ad-meta .row:not([data-cc-ad-key]),
.cc-ad-meta .col-md-6,
.cc-ad-meta .flex-grow-1,
.cc-ad-meta .d-flex {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-grow: 0 !important;
}

.cc-ad-meta .help-block:empty,
.cc-ad-meta p.help-block:empty,
.cc-ad-meta .invalid-feedback:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

.cc-ad-sheet .cc-ad-meta .help-block:not(:empty),
.cc-ad-sheet .cc-ad-meta p.help-block:not(:empty),
.cc-ad-sheet .cc-ad-meta .invalid-feedback:not(:empty) {
    display: block !important;
    flex: 1 0 100%;
    width: 100% !important;
    max-width: 100%;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0.2rem 0 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    height: auto !important;
    white-space: normal;
}

.cc-ad-meta .cc-ad-editor,
.cc-ad-meta .cc-ad-meta-editor {
    min-height: 0 !important;
    display: inline-block;
    line-height: 1.35;
}

.cc-ad-meta .cc-ad-meta-label,
.cc-ad-meta .control-label,
.cc-ad-meta .cc-ad-listing-h4,
.cc-ad-body .cc-ad-listing-h4,
.cc-ad-company .cc-ad-listing-h4,
.cc-ad-body .cc-ad-look-section > .control-label,
.cc-ad-company .cc-ad-look-section > .control-label {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    pointer-events: none;
    font-weight: 700 !important;
}

/* Date switches must receive hover/click (meta labels otherwise use pointer-events:none). */
.cc-ad-meta .cc-ad-meta-label.cc-ad-meta-date-switch,
.cc-ad-meta .cc-ad-meta-date-switch,
.cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-trigger,
.cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-menu,
.cc-ad-meta .cc-ad-meta-date-switch .cc-ad-meta-date-option {
    pointer-events: auto !important;
}

/* Company tab is hidden until upper Company: opens About Company (then stays visible). */
.cc-ad-company-tab[hidden] {
    display: none !important;
}

.cc-ad-meta [data-cc-ad-key="organization"] > .cc-ad-meta-label[data-cc-ad-company-tab-trigger],
.cc-ad-meta [data-cc-ad-key="organization"] > label.cc-ad-meta-label[data-cc-ad-company-tab-trigger],
.job-right .cc-job-meta-label[data-cc-ad-company-tab-trigger] {
    pointer-events: auto !important;
    cursor: pointer;
    width: max-content;
    max-width: max-content;
    justify-self: start;
    align-self: center;
    border-bottom: 0 !important;
}

/* Dotted underline only under the word (not icon, colon, or column stretch).
 * Prefer text-decoration so a border does not grow the flex item and lift the icon. */
.cc-ad-meta [data-cc-ad-key="organization"] .cc-ad-meta-company-tab-word,
.job-right .cc-job-meta-label .cc-ad-meta-company-tab-word {
    display: inline;
    line-height: inherit;
    border-bottom: 0 !important;
    text-decoration: underline dotted transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.14em;
}

.cc-ad-meta [data-cc-ad-key="organization"] > .cc-ad-meta-label[data-cc-ad-company-tab-trigger]:hover .cc-ad-meta-company-tab-word,
.cc-ad-meta [data-cc-ad-key="organization"] > label.cc-ad-meta-label[data-cc-ad-company-tab-trigger]:hover .cc-ad-meta-company-tab-word,
.cc-ad.is-cc-ad-company-pane .cc-ad-meta [data-cc-ad-key="organization"] .cc-ad-meta-company-tab-word,
.job-right .cc-job-meta-label[data-cc-ad-company-tab-trigger]:hover .cc-ad-meta-company-tab-word,
.job-right.is-cc-ad-company-pane .cc-job-meta-label .cc-ad-meta-company-tab-word {
    text-decoration-color: currentColor;
}

.cc-ad-meta [data-cc-ad-key="organization"] .cc-ad-meta-company-name--linked {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

/* Staff Service dropdown on the meta row (above Company). */
.cc-ad-meta [data-cc-ad-key="product_id"] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
}
.cc-ad-meta [data-cc-ad-key="product_id"] select#product_id,
.cc-ad-meta [data-cc-ad-key="product_id"] .cc-ad-meta-value select {
    cursor: pointer;
    min-width: 8rem;
    max-width: min(28rem, 100%);
    width: max-content;
}

.cc-ad-meta .cc-ad-meta-label,
.cc-ad-meta .control-label {
    margin: 0 !important;
    font-size: 0.95rem !important;
    white-space: nowrap;
}

.cc-ad-body .cc-ad-listing-h4,
.cc-ad-company .cc-ad-listing-h4,
.cc-ad-body .cc-ad-look-section > .control-label,
.cc-ad-company .cc-ad-look-section > .control-label {
    display: block;
    margin: 0 0 0.2rem !important;
    font-size: 1.05rem !important;
}

.cc-ad-meta .star,
.cc-ad-body .cc-ad-look-section > .control-label .star,
.cc-ad-company .cc-ad-look-section > .control-label .star,
.cc-ad-body .cc-ad-look-line > .control-label .star {
    display: none;
}

.cc-ad-meta .form-group {
    margin: 0;
}

.cc-ad-meta [data-cc-ad-key="location"] .form-group > .control-label {
    display: none !important;
}

.cc-ad-meta [data-cc-ad-key="location"] {
    align-items: center;
}

.cc-ad-meta [data-cc-ad-key="location"] .cc-ad-meta-label {
    flex: none;
}

.cc-ad-location-values {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0;
    min-width: 0;
}

.cc-ad-meta [data-cc-ad-key] input:not(.cc-ad-textarea-source),
.cc-ad-meta [data-cc-ad-key] .cc-ad-editor {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.cc-ad-meta .row:not([data-cc-ad-key]),
.cc-ad-meta .col-md-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    width: auto;
    max-width: none;
    flex: 0 1 auto;
    padding: 0;
    margin: 0;
}

.cc-ad-location-values > .col-md-6 {
    display: inline-flex;
    align-items: center;
    width: auto;
    min-width: 0;
    padding: 0;
    margin: 0;
}

.cc-ad-location-values > .col-md-6.cc-ad-location-country,
.cc-ad-location-values > .col-md-6:first-of-type {
    order: 2;
    position: relative;
}

.cc-ad-location-values > .col-md-6.cc-ad-location-city,
.cc-ad-location-values > .col-md-6:last-of-type {
    order: 1;
}

.cc-ad-location-comma {
    order: 1;
    flex: 0 0 auto;
    margin: 0 0.35em 0 0;
}

.cc-ad-location-values > .col-md-6.cc-ad-location-city::after,
.cc-ad-location-values > .col-md-6:last-of-type::after {
    content: none;
    margin: 0;
}

.cc-ad-country-text {
    display: inline;
    min-width: 0;
}

.cc-ad-country-select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.cc-ad-sheet [data-cc-ad-pane-panel][hidden] {
    display: none !important;
}

.cc-ad-prose,
.cc-ad-sheet .cc-ad-look-section .cc-ad-editor {
    min-height: 1.25em;
    font-size: 1rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    cursor: text;
}

.cc-ad-editor:empty::before,
.cc-ad-title-editor:empty::before {
    content: attr(data-placeholder);
    opacity: 0.48;
    font-weight: inherit;
    white-space: pre-wrap;
    pointer-events: none;
}

/* After Clear / skip-prefill, empty Term / duties / quals must look empty —
   realistic designer_ph_* placeholders (Full-time, bullet duties, Requirements…)
   read as leftover prefill. Keep Position/title placeholder ("Job title") visible. */
[data-cc-ad][data-cc-ad-cleared="1"] .cc-ad-body .cc-ad-editor:empty::before,
[data-cc-ad][data-cc-ad-cleared="1"] .cc-ad-body .cc-ad-prose:empty::before,
[data-cc-ad][data-cc-ad-cleared="1"] .cc-ad-body .cc-ad-meta-editor:empty::before,
[data-cc-ad][data-cc-ad-skip-content-prefill="1"] .cc-ad-body .cc-ad-editor:empty::before,
[data-cc-ad][data-cc-ad-skip-content-prefill="1"] .cc-ad-body .cc-ad-prose:empty::before,
[data-cc-ad][data-cc-ad-skip-content-prefill="1"] .cc-ad-body .cc-ad-meta-editor:empty::before {
    content: none;
}

/* Required-field guidance when Submit is blocked. */
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-field .cc-ad-listing-h4::after,
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-field > label.control-label::after,
[data-cc-ad][data-cc-ad-show-required="1"] .form-group.is-cc-ad-required-field > label.control-label::after {
    content: " *";
    color: #e11d48;
    font-weight: 700;
}
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing,
[data-cc-ad][data-cc-ad-show-required="1"] .form-group.is-cc-ad-required-missing,
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing .cc-ad-editor,
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing input:not([type="hidden"]),
[data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing textarea {
    outline: 2px solid rgba(225, 29, 72, 0.55);
    outline-offset: 2px;
    border-radius: 2px;
}
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-field .cc-ad-listing-h4::after,
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-field > label.control-label::after,
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] .form-group.is-cc-ad-required-field > label.control-label::after {
    color: #fb7185;
}
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing,
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] .form-group.is-cc-ad-required-missing,
html[data-theme="dark"] [data-cc-ad][data-cc-ad-show-required="1"] [data-cc-ad-key].is-cc-ad-required-missing .cc-ad-editor {
    outline-color: rgba(251, 113, 133, 0.7);
}

.cc-ad-sheet [data-cc-ad-actions-menu] .is-cc-ad-submit-blocked,
.cc-ad-sheet [data-cc-ad-actions-menu] .is-cc-ad-submit-blocked:hover,
.cc-ad-sheet [data-cc-ad-actions-menu] .is-cc-ad-submit-blocked:focus {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: auto;
}

/* Beat main.css + later dark profile .form-group boxes (49px fill, radius, border).
   Staff org search keeps an opaque fill so the idle name cannot ghost through. */
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] input:not(.cc-ad-textarea-source):not(.cc-ad-compose-org-search):not([data-cc-ad-staff-org-search]),
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] select,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] textarea:not(.cc-ad-textarea-source),
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] input:not(.cc-ad-textarea-source):not(.cc-ad-compose-org-search):not([data-cc-ad-staff-org-search]):focus,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] select:focus,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] textarea:not(.cc-ad-textarea-source):focus,
.cc-ad-sheet [data-cc-ad-key] input:not(.cc-ad-textarea-source):not(.cc-ad-compose-org-search):not([data-cc-ad-staff-org-search]),
.cc-ad-sheet [data-cc-ad-key] select,
.cc-ad-sheet [data-cc-ad-key] textarea:not(.cc-ad-textarea-source) {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    color: inherit !important;
    -webkit-appearance: none;
    appearance: none;
}

html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] .cc-ad-editor,
.cc-ad-sheet [data-cc-ad-key] .cc-ad-editor {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: auto !important;
    color: inherit !important;
}

.cc-ad-sheet [data-cc-ad-key="description"] .cc-ad-prose,
.cc-ad-sheet [data-cc-ad-key="requirements"] .cc-ad-prose,
.cc-ad-sheet [data-cc-ad-key="procedures"] .cc-ad-prose,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key="description"] .cc-ad-prose,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key="requirements"] .cc-ad-prose,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key="procedures"] .cc-ad-prose {
    min-height: 4.2em !important;
}

.cc-ad-sheet .cc-ad-meta .cc-ad-editor,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-editor {
    min-height: 0 !important;
}

.cc-ad-sheet [data-cc-ad-key] .cc-ad-title-editor,
html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] .cc-ad-title-editor {
    min-height: 1.25em !important;
    height: auto !important;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] select,
.cc-ad-sheet [data-cc-ad-key] select {
    width: auto;
    max-width: 100%;
    background-image: none !important;
}

/* Position Roles / staff setup keep Classic form chrome (the listing strip above
 * would otherwise leave Role + Fields as bare overlapping text). */
.cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] select,
.cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] textarea,
.cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] select,
.cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] textarea,
.cc-ad-sheet .cc-ad-position-roles-panel #example,
.cc-ad-sheet .cc-ad-staff-bar #example,
.cc-ad-sheet .cc-ad-position-roles-panel #role_structure_category_id,
.cc-ad-sheet .cc-ad-staff-bar #role_structure_category_id,
.cc-ad-sheet .cc-ad-position-roles-panel #product_id,
.cc-ad-sheet .cc-ad-staff-bar #product_id {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 2.9rem !important;
    height: 49px !important;
    box-sizing: border-box !important;
    border: solid 1px #989797 !important;
    border-radius: 5px !important;
    padding: 13px 10px !important;
    padding-right: 38px !important;
    background-color: #ffffff !important;
    background-image: linear-gradient(45deg, transparent 50%, #646464 50%), linear-gradient(135deg, #646464 50%, transparent 50%) !important;
    background-position: calc(100% - 24px) calc(1em + 4px), calc(100% - 19px) calc(1em + 4px) !important;
    background-size: 7px 6px, 5px 6px !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    color: inherit !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] select,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] textarea,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] select,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] textarea,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel #example,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar #example,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel #role_structure_category_id,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar #role_structure_category_id,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel #product_id,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar #product_id {
    border-color: var(--cc-theme-dark-border, #2a3344) !important;
    background-color: var(--cc-theme-dark-surface, #111827) !important;
    color: var(--cc-theme-dark-text, #e8eef7) !important;
    background-image: linear-gradient(45deg, transparent 50%, #94a3b8 50%), linear-gradient(135deg, #94a3b8 50%, transparent 50%) !important;
}

.cc-ad-sheet .cc-ad-position-roles-panel #example,
.cc-ad-sheet .cc-ad-staff-bar #example,
.cc-ad-sheet .cc-ad-position-roles-panel .comboTreeInputBox input,
.cc-ad-sheet .cc-ad-staff-bar .comboTreeInputBox input {
    background-image: none !important;
    padding-right: 10px !important;
}

/* ComboTree replaces/ wraps #example — keep the visible box bordered. */
.cc-ad-sheet .cc-ad-position-roles-panel .comboTreeWrapper,
.cc-ad-sheet .cc-ad-staff-bar .comboTreeWrapper,
.cc-ad-sheet .cc-ad-position-roles-panel .comboTreeInputBox,
.cc-ad-sheet .cc-ad-staff-bar .comboTreeInputBox {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.cc-ad-sheet .cc-ad-position-roles-panel .comboTreeInputBox input,
.cc-ad-sheet .cc-ad-staff-bar .comboTreeInputBox input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 2.9rem !important;
    height: 49px !important;
    box-sizing: border-box !important;
    border: solid 1px #989797 !important;
    border-radius: 5px !important;
    padding: 13px 10px !important;
    background-color: #ffffff !important;
    color: inherit !important;
}

/* Fields/Areas list: keep each option on one line; card widens to fit when open. */
.cc-ad-position-roles-panel .comboTreeDropDownContainer {
    box-sizing: border-box;
    max-width: 100%;
}

.cc-ad-position-roles-panel .comboTreeItemTitle,
.cc-ad-position-roles-panel .comboTreeDropDownContainer li,
.cc-ad-position-roles-panel .comboTreeDropDownContainer .comboTreeItemTitle {
    white-space: nowrap;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel .comboTreeInputBox input,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar .comboTreeInputBox input {
    border-color: var(--cc-theme-dark-border, #2a3344) !important;
    background-color: var(--cc-theme-dark-surface, #111827) !important;
    color: var(--cc-theme-dark-text, #e8eef7) !important;
}

html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-key] .control-label,
.cc-ad-sheet [data-cc-ad-key] .control-label {
    background: transparent !important;
    background-color: transparent !important;
}

/* After listing strip: restore floating-label chip on Position Roles fields. */
.cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] .control-label,
.cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] .control-label {
    background: #ffffff !important;
    background-color: #ffffff !important;
    padding: 0 0.35rem !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-position-roles-panel [data-cc-ad-key] .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-staff-bar [data-cc-ad-key] .control-label {
    background: var(--cc-theme-dark-surface, #161c26) !important;
    background-color: var(--cc-theme-dark-surface, #161c26) !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-look-section > .control-label,
.cc-ad-sheet .cc-ad-look-section > .control-label,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-listing-h4,
.cc-ad-sheet .cc-ad-listing-h4 {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}

.cc-ad-look-heading:hover .cc-ad-editor,
.cc-ad-look-section:hover .cc-ad-editor,
.cc-ad-look-meta:hover .cc-ad-editor,
.cc-ad-look-line:hover .cc-ad-editor,
.cc-ad-look-heading:focus-within .cc-ad-editor,
.cc-ad-look-section:focus-within .cc-ad-editor,
.cc-ad-look-meta:focus-within .cc-ad-editor,
.cc-ad-look-line:focus-within .cc-ad-editor {
    box-shadow: inset 0 -1px 0 rgba(38, 200, 215, 0.55) !important;
}

.cc-ad-sheet .cc-ad-editor:focus {
    outline: none;
}

.cc-ad-remove {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    pointer-events: auto;
}

.cc-ad-field:has(> .cc-ad-remove) {
    padding-right: 1.6rem;
}

.cc-ad-field:hover .cc-ad-remove,
.cc-ad-field:focus-within .cc-ad-remove {
    opacity: 0.85;
}

/* Overlay inside the field — never take document flow. In-flow display:flex on
   :focus-within pushed the first body line down ~2 rows (caret looked like “3rd row”).
   Keep the bar inside this field’s box (top-right) so TERM above stays readable. */
.cc-ad-toolbar {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    z-index: 5;
    display: none;
    flex-wrap: wrap;
    gap: 0.2rem;
    width: max-content;
    max-width: calc(100% - 0.25rem);
    margin: 0;
    padding: 0.2rem 0.3rem;
    border-radius: 6px;
    background: var(--cc-theme-surface, #fff);
    border: 1px solid var(--cc-theme-border, #d9dee8);
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
}

.cc-ad-field:has(> .cc-ad-remove) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> .cc-ad-remove) > .cc-ad-toolbar {
    right: 1.75rem;
}

.cc-ad-field:hover > .cc-ad-toolbar,
.cc-ad-field:focus-within > .cc-ad-toolbar,
.cc-doc-flow-field:hover > .cc-ad-toolbar,
.cc-doc-flow-field:focus-within > .cc-ad-toolbar,
.cc-ad-toolbar.is-open {
    display: flex;
}

/* Line / meta / title fields never show format chrome (TERM etc.). */
.cc-ad-look-line[data-cc-ad-key="term"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="isbn"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="code"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="audience"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="pages"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="author"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="language"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="salary"] > .cc-ad-toolbar,
.cc-ad-look-line[data-cc-ad-key="open"] > .cc-ad-toolbar,
.cc-ad-look-meta > .cc-ad-toolbar,
.cc-ad-look-heading > .cc-ad-toolbar,
[data-cc-ad-slot="title"] .cc-ad-toolbar,
[data-cc-ad-key="title"] .cc-ad-toolbar,
[data-cc-ad-key="term"] .cc-ad-toolbar,
/* Short plain Document fields only — do NOT hide toolbar for joined prose
   (description / responsibilities / requirements / procedures / about / notes). */
.cc-doc-flow-field:has(> h4[data-cc-listing-field="term"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="salary"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="open"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="audience"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="author"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="pages"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="language"]) > .cc-ad-toolbar,
.cc-doc-flow-field:has(> h4[data-cc-listing-field="isbn"]) > .cc-ad-toolbar {
    display: none !important;
}

.cc-ad-toolbar button {
    width: 1.7rem;
    height: 1.7rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: inherit;
}

.cc-ad-toolbar-list {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
}

.cc-ad-toolbar-list__apply {
    width: auto !important;
    min-width: 1.35rem;
    padding: 0 0.25rem;
    font-weight: 600;
}

/* Style picker opens on hover of the icon itself — no ▾ triangle. */
.cc-ad-toolbar-list-menu {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    z-index: 8;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 9.5rem;
    padding: 0.3rem;
    border-radius: 6px;
    background: var(--cc-theme-surface, #fff);
    border: 1px solid var(--cc-theme-border, #d9dee8);
    box-shadow: 0 6px 16px rgba(16, 24, 40, 0.14);
}

.cc-ad-toolbar-list-menu[hidden] {
    display: none !important;
}

.cc-ad-toolbar-list-menu__option {
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    width: 100% !important;
    height: auto !important;
    min-height: 1.7rem;
    padding: 0.2rem 0.35rem !important;
    border-radius: 4px;
    font-weight: 500 !important;
    text-align: left;
}

.cc-ad-toolbar-list-menu__option:hover,
.cc-ad-toolbar-list-menu__option:focus-visible {
    background: rgba(16, 24, 40, 0.06);
}

.cc-ad-toolbar-list-menu__preview {
    display: inline-flex;
    width: 1.25rem;
    justify-content: center;
    flex: 0 0 auto;
    font-weight: 700;
}

.cc-ad-toolbar-list-menu__label {
    flex: 1 1 auto;
    font-size: 12px;
    font-weight: 500;
}

html[data-theme="dark"] .cc-ad-toolbar-list-menu {
    background: var(--cc-theme-dark-surface, #161c26);
    border-color: var(--cc-theme-dark-border, #2a3344);
}

html[data-theme="dark"] .cc-ad-toolbar-list-menu__option:hover,
html[data-theme="dark"] .cc-ad-toolbar-list-menu__option:focus-visible {
    background: rgba(255, 255, 255, 0.08);
}

.cc-ad-sheet .cc-ad-textarea-source {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.cc-ad-setup {
    margin-top: 1.25rem;
}

.cc-ad-setup[hidden] {
    display: none !important;
}

.cc-ad-setup [data-cc-ad-key] {
    display: grid;
    grid-template-columns: 9.5rem minmax(0, 1fr);
    gap: 0.35rem 0.75rem;
    align-items: baseline;
    margin: 0 0 0.45rem;
}

.cc-ad-rail {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.15rem 0 0;
}

html[data-theme="dark"] .cc-ad-toolbar {
    background: var(--cc-theme-dark-surface, #161c26);
    border-color: var(--cc-theme-dark-border, #2a3344);
}

.cc-ad-rail-title {
    font-size: 0.85rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
}

.cc-ad-rail-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.cc-ad-rail-list:empty {
    display: none;
}

.cc-ad-sheet [data-cc-ad-apply] {
    display: inline-flex;
}

.cc-ad-sheet .job-right-title .job-action-buttons [data-cc-ad-apply] .btn {
    position: relative;
    /* Beat Assets `.btn { padding: 5px 39px }` so Apply hugs its label like Actions. */
    padding: 5px 0.9rem 5px calc(0.28rem + 5px + 0.28rem);
    cursor: pointer;
}

.cc-ad-sheet [data-cc-ad-apply] .cc-ad-apply-status {
    position: absolute;
    left: 0.28rem;
    top: 50%;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: var(--cc-ad-apply-status-off, #94a3b8);
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.cc-ad-sheet [data-cc-ad-apply] .btn:not(.is-cc-ad-apply-off) .cc-ad-apply-status {
    background: var(--cc-ad-apply-status-on, #22c55e);
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

html[data-theme="dark"] .cc-ad-sheet [data-cc-ad-apply] .cc-ad-apply-status {
    --cc-ad-apply-status-off: #94a3b8;
    --cc-ad-apply-status-on: #4ade80;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.cc-ad-sheet [data-cc-ad-apply] .btn.is-cc-ad-apply-off {
    opacity: 0.38;
    filter: saturate(0.28);
}

.cc-ad-sheet [data-cc-ad-apply] .btn.is-cc-ad-apply-off:hover,
.cc-ad-sheet [data-cc-ad-apply] .btn.is-cc-ad-apply-off:focus {
    opacity: 0.55;
}

.cc-ad-rail-chip {
    display: inline-flex;
    width: auto;
    text-align: left;
    border: 1px solid var(--cc-theme-border, #d9dee8);
    border-radius: 999px;
    background: transparent;
    padding: 0.35rem 0.7rem;
    font-size: 12px;
    cursor: pointer;
    color: inherit;
}

.cc-ad-rail-chip:hover,
.cc-ad-rail-chip:focus {
    border-color: #26c8d7;
}

[data-cc-ad-compose-row] [data-cc-ad-compose-title] {
    cursor: text;
    outline: none;
    min-width: 3rem;
    display: inline-block;
    max-width: 100%;
}

[data-cc-ad-compose-row] [data-cc-ad-compose-title]:focus {
    box-shadow: 0 1px 0 currentColor;
}

[data-cc-ad-compose-row] [data-cc-ad-compose-title]:empty::before {
    content: attr(data-placeholder);
    opacity: 0.48;
}

[data-cc-ad-compose-row] h5.cc-job-list-marquee:focus-within .cc-job-list-marquee__text {
    animation: none !important;
}

[data-cc-ad-compose-org-search],
[data-cc-ad-staff-org-search],
[data-cc-ad-compose-org-results],
[data-cc-ad-staff-org-results],
.cc-ad-meta-org-picker .cc-ad-compose-org-search {
    display: none;
}

[data-cc-ad-compose-org-wrap].is-staff-picker {
    position: relative;
    cursor: text;
    min-width: 4rem;
}

/* Staff Select Organization: clip the closed org line before Opening Date.
   Long names use shared left-list marquee (`.is-overflowing`) — do not force
   ellipsis/max-width on the text span or overflow cannot measure. Lift overflow
   only while the picker is hovered/open so search/results show. */
.cc-ad-jobs-compose [data-cc-ad-compose-row] .job-item-info-text h6.cc-ad-compose-org {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.cc-ad-jobs-compose [data-cc-ad-compose-row] .job-item-info-text h6.cc-ad-compose-org.is-staff-picker:hover,
.cc-ad-jobs-compose [data-cc-ad-compose-row] .job-item-info-text h6.cc-ad-compose-org.is-staff-picker.is-open,
[data-cc-ad-compose-org-wrap].is-staff-picker:hover,
[data-cc-ad-compose-org-wrap].is-open {
    overflow: visible;
    text-overflow: clip;
}

.cc-ad-jobs-compose [data-cc-ad-compose-row] .job-item-info-meta .job-item-info-date {
    flex: 0 0 auto;
    margin-left: auto;
    position: relative;
    z-index: 1;
}

[data-cc-ad-compose-org-wrap].is-staff-picker [data-cc-ad-compose-org]:empty::before {
    content: attr(data-placeholder);
    opacity: 0.48;
}

[data-cc-ad-compose-org-wrap].is-staff-picker:hover [data-cc-ad-compose-org],
[data-cc-ad-compose-org-wrap].is-open [data-cc-ad-compose-org] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

[data-cc-ad-compose-org-wrap].is-staff-picker:hover [data-cc-ad-compose-org-search],
[data-cc-ad-compose-org-wrap].is-open [data-cc-ad-compose-org-search],
.cc-ad-meta-org-picker.is-staff-picker:hover .cc-ad-compose-org-search,
.cc-ad-meta-org-picker.is-open .cc-ad-compose-org-search,
.cc-ad-meta-org-picker.is-staff-picker:hover [data-cc-ad-staff-org-search],
.cc-ad-meta-org-picker.is-open [data-cc-ad-staff-org-search] {
    display: block;
}

.cc-ad-meta [data-cc-ad-key="organization"] > .cc-ad-meta-value.cc-ad-meta-org-picker.is-staff-picker {
    position: relative;
    cursor: text;
    min-width: 4rem;
}

/* Idle Company name: one visible layer only. Search overlays only while hovered/open.
   Hover/open hide rules must beat the idle opacity:1 rule (higher specificity). */
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker .cc-ad-compose-org-search[hidden],
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker [data-cc-ad-staff-org-search][hidden],
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker:not(.is-open):not(:hover) .cc-ad-compose-org-search,
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker:not(.is-open):not(:hover) [data-cc-ad-staff-org-search] {
    display: none !important;
}

.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker [data-cc-ad-staff-org-display] {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 1;
}

.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker.is-staff-picker:hover [data-cc-ad-staff-org-display],
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value.cc-ad-meta-org-picker.is-open [data-cc-ad-staff-org-display],
.cc-ad-meta-org-picker.is-staff-picker:hover [data-cc-ad-staff-org-display],
.cc-ad-meta-org-picker.is-open [data-cc-ad-staff-org-display],
.is-staff-picker:hover [data-cc-ad-staff-org-display],
.is-staff-picker.is-open [data-cc-ad-staff-org-display] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
}

.cc-ad-compose-org-search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    /* Opaque solid so the idle name cannot ghost through while typing. */
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: inherit;
    font: inherit;
    line-height: inherit;
    outline: none;
    z-index: 2;
}

html[data-theme="dark"] .cc-ad-compose-org-search,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-ad-compose-org-search,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input[data-cc-ad-staff-org-search] {
    background: var(--cc-theme-dark-surface, #1b2433) !important;
    background-color: var(--cc-theme-dark-surface, #1b2433) !important;
}

html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input.cc-ad-compose-org-search,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key] input[data-cc-ad-staff-org-search] {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.cc-ad-compose-org-results {
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    z-index: 20;
    min-width: 100%;
    width: max-content;
    max-width: min(40rem, calc(100vw - 1rem));
    /* Prefer content height; JS raises max-height to remaining viewport when portaled. */
    height: auto;
    max-height: min(70vh, 28rem);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0.2rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid var(--cc-theme-border, #d9dee8);
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.12);
    box-sizing: border-box;
    /* Keep wheel/touch scroll; hide native scrollbars (vertical + horizontal). */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.cc-ad-compose-org-results::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

html[data-theme="dark"] .cc-ad-compose-org-results {
    background: var(--cc-theme-dark-surface, #1b2433);
    border-color: var(--cc-theme-dark-border, #2a3344);
    color: var(--cc-theme-dark-text, #e8eef7);
}

.cc-ad-compose-org-results:not([hidden]) {
    display: block;
}

.cc-ad-compose-org-results.is-portaled:not([hidden]) {
    position: fixed;
    z-index: 4000;
}

.cc-ad-compose-org-results li {
    padding: 0.28rem 0.65rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
}

.cc-ad-compose-org-results li.is-current,
.cc-ad-compose-org-results li.is-active,
.cc-ad-compose-org-results li:hover {
    background: rgba(38, 200, 215, 0.16);
}

/* Last-win listing meta contents: label then value on one line; Deadline-like body color. */
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value input:not(.cc-ad-textarea-source),
.cc-ad-sheet .cc-ad-meta .cc-ad-meta-value .cc-ad-editor {
    display: inline-block !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.35 !important;
    field-sizing: content;
}

html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value input:not(.cc-ad-textarea-source),
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value input.form-file,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value .cc-ad-editor,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-country-text,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta .cc-ad-location-values,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta #current_city,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta #opening_date,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta #opening_date_admin,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key="deadline"] input,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta input.cc-profile-dob-display,
html[data-theme="light"] .cc-ad-sheet .cc-ad-meta input.cc-profile-dob-display:focus {
    color: var(--cc-theme-light-text, #181818) !important;
    -webkit-text-fill-color: var(--cc-theme-light-text, #181818) !important;
    caret-color: var(--cc-theme-light-text, #181818) !important;
}

html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value input:not(.cc-ad-textarea-source),
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value input.form-file,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-meta-value .cc-ad-editor,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-country-text,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta .cc-ad-location-values,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta #current_city,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta #opening_date,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta #opening_date_admin,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta [data-cc-ad-key="deadline"] input,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta input.cc-profile-dob-display,
html[data-theme="dark"] .cc-ad-sheet .cc-ad-meta input.cc-profile-dob-display:focus {
    color: var(--cc-theme-dark-text, #E5ECF6) !important;
    -webkit-text-fill-color: var(--cc-theme-dark-text, #E5ECF6) !important;
    caret-color: var(--cc-theme-dark-text, #E5ECF6) !important;
}