/* StageHill Artist Dashboard — Event Dashboard visual parity. */ /* StageHill Event Dashboard v76 card layout. * Loaded in so Dark Reader processes it before first paint. */ #resume-manager-candidate-dashboard.stagehill-event-manager-dashboard { --sh-event-surface: #fff; --sh-event-subtle: #f6f6f6; --sh-event-subtle-2: #fafafa; --sh-event-text: #151515; --sh-event-muted: #747474; --sh-event-border: #dedede; --sh-event-strong: #111; --sh-event-strong-text: #fff; --sh-event-danger: #a22d2d; --sh-event-shadow: 0 6px 20px rgba(0, 0, 0, .045); width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; color: var(--sh-event-text); } #resume-manager-candidate-dashboard.stagehill-event-manager-dashboard *, #resume-manager-candidate-dashboard.stagehill-event-manager-dashboard *::before, #resume-manager-candidate-dashboard.stagehill-event-manager-dashboard *::after { box-sizing: border-box; } #resume-manager-candidate-dashboard .stagehill-event-manager-dashboard__intro { margin: 0 0 28px; color: var(--sh-event-muted); font-size: 15px; line-height: 1.7; } #resume-manager-candidate-dashboard .stagehill-event-manager-dashboard__list { display: grid; gap: 26px; width: 100%; margin: 0; padding: 0; list-style: none; } #resume-manager-candidate-dashboard .stagehill-event-card { position: relative; width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--sh-event-border); border-radius: 9px; background: var(--sh-event-surface); box-shadow: var(--sh-event-shadow); color: var(--sh-event-text); } #resume-manager-candidate-dashboard .stagehill-event-card__header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 21px; min-width: 0; padding: 25px 27px 23px; background: var(--sh-event-surface); } #resume-manager-candidate-dashboard .stagehill-event-card__visual { display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; border: 1px solid var(--sh-event-border); border-radius: 6px; background: var(--sh-event-subtle); overflow: hidden; flex: 0 0 auto; } #resume-manager-candidate-dashboard .stagehill-event-card__visual img { display: block; width: 100%; height: 100%; object-fit: contain; } #resume-manager-candidate-dashboard .stagehill-event-card__visual img.is-placeholder { padding: 13px; opacity: .48; filter: grayscale(1); } #resume-manager-candidate-dashboard .stagehill-event-card__identity { min-width: 0; } #resume-manager-candidate-dashboard .stagehill-event-card__eyebrow, #resume-manager-candidate-dashboard .stagehill-event-card__detail-label { display: block; margin: 0 0 7px; color: var(--sh-event-muted); font-size: 11px; font-weight: 800; line-height: 1.3; letter-spacing: .075em; text-transform: uppercase; } #resume-manager-candidate-dashboard .stagehill-event-card__title { position: relative; margin: 0; padding: 0 0 13px; color: var(--sh-event-text); font-size: clamp(22px, 2vw, 28px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; white-space: normal; overflow-wrap: anywhere; } #resume-manager-candidate-dashboard .stagehill-event-card__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; border-radius: 99px; background: var(--sh-event-strong); } #resume-manager-candidate-dashboard .stagehill-event-card__title a, #resume-manager-candidate-dashboard .stagehill-event-card__title span { color: inherit !important; font: inherit; text-decoration: none !important; white-space: normal; overflow-wrap: anywhere; } #resume-manager-candidate-dashboard .stagehill-event-card__title.is-verified { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 7px; } #resume-manager-candidate-dashboard .stagehill-event-card__title.is-verified > a, #resume-manager-candidate-dashboard .stagehill-event-card__title.is-verified > .stagehill-event-card__title-text { min-width: 0; } /* Reuse the exact public-profile StageHill verification icon beside the * artist name. The dashboard-specific selector only protects those public * badge values from the card title's inherited typography. */ #resume-manager-candidate-dashboard .stagehill-event-card__title .stagehill-artist-public-verification__icon { display: inline-flex !important; position: static !important; flex: 0 0 20px !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; min-width: 20px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #1f9bd1 !important; color: #fff !important; box-shadow: none !important; font-family: inherit !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-decoration: none !important; transform: none !important; vertical-align: middle !important; } #resume-manager-candidate-dashboard .stagehill-event-card__title .stagehill-artist-public-verification__icon::before, #resume-manager-candidate-dashboard .stagehill-event-card__title .stagehill-artist-public-verification__icon::after { display: none !important; content: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__title a:hover, #resume-manager-candidate-dashboard .stagehill-event-card__title a:focus, #resume-manager-candidate-dashboard .stagehill-event-card__title a:focus-visible { text-decoration: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__summary { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 16px; margin-top: 14px; color: var(--sh-event-muted); font-size: 14px; line-height: 1.45; } #resume-manager-candidate-dashboard .stagehill-event-card__summary-item { display: inline-flex; position: relative; align-items: center; min-width: 0; } /* The separator is painted only when JavaScript confirms that the date and location occupy the same visual row. It is absolutely positioned inside the existing flex gap, so adding it can never force the location to wrap. */ #resume-manager-candidate-dashboard .stagehill-event-card__summary-item--same-row::before { content: "·"; position: absolute; top: 50%; left: -10px; color: var(--sh-event-muted); line-height: 1; transform: translateY(-50%); pointer-events: none; } #resume-manager-candidate-dashboard .stagehill-event-card__badges { display: flex; align-items: flex-end; flex-direction: column; gap: 9px; align-self: start; } #resume-manager-candidate-dashboard .stagehill-event-card__badge { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; max-width: 220px; padding: 7px 13px; border: 1px solid var(--sh-event-border); border-radius: 999px; background: var(--sh-event-subtle); color: var(--sh-event-text); font-size: 12px; font-weight: 700; line-height: 1.25; text-align: center; } #resume-manager-candidate-dashboard .stagehill-event-card__badge.is-expired, #resume-manager-candidate-dashboard .stagehill-event-card__badge.is-draft, #resume-manager-candidate-dashboard .stagehill-event-card__badge.is-neutral { color: var(--sh-event-muted); } #resume-manager-candidate-dashboard .stagehill-event-card__badge--applications { background: transparent; } #resume-manager-candidate-dashboard .stagehill-event-card__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; padding: 15px 26px 10px; border-top: 1px solid var(--sh-event-border); background: var(--sh-event-surface); } #resume-manager-candidate-dashboard .stagehill-event-card__action-list { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; width: 100%; min-width: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list li, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list li { display: block !important; float: none !important; min-width: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list li::after, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list li::after { display: none !important; content: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__delete-list { display: block !important; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list a, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link, #resume-manager-candidate-dashboard .stagehill-event-card__applications-disabled, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle { display: inline-flex !important; width: 100%; align-items: center; justify-content: center; min-height: 40px; padding: 9px 15px !important; border: 1px solid var(--sh-event-border) !important; border-radius: 6px !important; background: transparent !important; color: var(--sh-event-text) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.25 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer; white-space: nowrap; } #resume-manager-candidate-dashboard .stagehill-event-card__action { gap: 0; } #resume-manager-candidate-dashboard .stagehill-event-card__action .stagehill-artist-dashboard-action-icon { display: none !important; } #resume-manager-candidate-dashboard .stagehill-artist-dashboard-action-label { display: inline-block; min-width: 0; } /* Verification data/classes live directly on the action link. This keeps the * button layout identical to Edit/Hide and isolates it from the verification * plugin's legacy nested icon positioning. */ html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification { display: inline-flex !important; position: relative !important; inset: auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 9px 15px !important; align-items: center !important; justify-content: center !important; gap: 0 !important; float: none !important; transform: none !important; text-align: center !important; font: inherit !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.25 !important; white-space: nowrap !important; } html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification::before, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification::after, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification > .stagehill-artist-verification-action-icon--native-hook, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification > .stagehill-artist-verification-action-icon--native-hook::before, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification > .stagehill-artist-verification-action-icon--native-hook::after, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification .stagehill-artist-verification-action-text::before, html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification .stagehill-artist-verification-action-text::after { display: none !important; content: none !important; } html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification > .stagehill-artist-verification-action-icon--native-hook { display: none !important; position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; pointer-events: none !important; } html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification .stagehill-artist-verification-action-text { display: inline-block !important; position: static !important; inset: auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; transform: none !important; font: inherit !important; line-height: inherit !important; text-align: center !important; white-space: nowrap !important; } /* The verified checkmark belongs beside the artist name rather than inside * the action button. */ html body #resume-manager-candidate-dashboard a.stagehill-event-card__action--verification-verified { gap: 0 !important; } #resume-manager-candidate-dashboard .stagehill-event-card__applications-link { border-color: var(--sh-event-strong) !important; background: var(--sh-event-strong) !important; color: var(--sh-event-strong-text) !important; font-weight: 700 !important; } #resume-manager-candidate-dashboard .stagehill-event-card__applications-disabled { cursor: default; opacity: .55; } /* Keep touch/click states visually stable. Mobile browsers can retain :hover or * :focus after a confirmation dialog, so no action changes to a filled colour. */ #resume-manager-candidate-dashboard .stagehill-event-card__action, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list a, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle { -webkit-tap-highlight-color: transparent; } #resume-manager-candidate-dashboard .stagehill-event-card__action:focus, #resume-manager-candidate-dashboard .stagehill-event-card__action:active, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a:focus, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a:active, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle:focus, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle:active { border-color: var(--sh-event-border) !important; background: var(--sh-event-subtle-2) !important; color: var(--sh-event-text) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list a:focus-visible { outline: 2px solid var(--sh-event-strong) !important; outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { #resume-manager-candidate-dashboard .stagehill-event-card__action:hover, #resume-manager-candidate-dashboard .stagehill-event-card__action-list a:hover, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle:hover { border-color: var(--sh-event-strong) !important; background: var(--sh-event-subtle-2) !important; color: var(--sh-event-text) !important; } } #resume-manager-candidate-dashboard .stagehill-event-card__action--purge, #resume-manager-candidate-dashboard .stagehill-event-card__action--purge:visited { color: var(--sh-event-danger) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action--purge:focus, #resume-manager-candidate-dashboard .stagehill-event-card__action--purge:active { border-color: var(--sh-event-border) !important; background: var(--sh-event-subtle-2) !important; color: var(--sh-event-danger) !important; } @media (hover: hover) and (pointer: fine) { #resume-manager-candidate-dashboard .stagehill-event-card__action--purge:hover { border-color: var(--sh-event-danger) !important; background: var(--sh-event-subtle-2) !important; color: var(--sh-event-danger) !important; } } #resume-manager-candidate-dashboard .stagehill-event-card__applications-link:hover, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link:focus, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link:active, #resume-manager-candidate-dashboard .stagehill-event-card__applications-link:visited { border-color: var(--sh-event-strong) !important; background: var(--sh-event-strong) !important; color: var(--sh-event-strong-text) !important; opacity: 1; } #resume-manager-candidate-dashboard .stagehill-event-card__applications-count { margin-left: 5px; } #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle[aria-expanded="true"] { border-color: var(--sh-event-strong) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle { position: relative; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; padding-right: 15px !important; background: var(--sh-event-subtle-2) !important; text-align: center; } #resume-manager-candidate-dashboard .stagehill-event-card__details-label { display: inline-block; text-align: center; } #resume-manager-candidate-dashboard .stagehill-event-card__details-indicator { display: inline-block; flex: 0 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid currentColor; pointer-events: none; transform: rotate(0deg); transform-origin: 50% 42%; transition: transform .16s ease; } #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle[aria-expanded="true"] .stagehill-event-card__details-indicator { border-top: 0; border-bottom: 6px solid currentColor; transform: none; } #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete { min-height: 46px; color: var(--sh-event-danger) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete:hover, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete:focus, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete:active, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list .candidate-dashboard-action-delete:visited { border-color: var(--sh-event-border) !important; background: transparent !important; color: var(--sh-event-danger) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle { min-height: 46px; } #resume-manager-candidate-dashboard .stagehill-event-card__delete-row { padding: 0 26px 18px; background: var(--sh-event-surface); } #resume-manager-candidate-dashboard .stagehill-event-card__details:not([hidden]) + .stagehill-event-card__delete-row { padding-top: 16px; border-top: 1px solid var(--sh-event-border); } #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] i, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] svg, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] .fa, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] .fas, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] .far, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"]::before, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"]::after, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] a::before, #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] a::after { display: none !important; content: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list a { background: var(--sh-event-subtle-2) !important; } /* Single-action listing states span the full card width. */ #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-relist { grid-column: 1 / -1; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a:hover, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a:focus, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a:focus-visible, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a:active, #resume-manager-candidate-dashboard .stagehill-event-card__action-list .stagehill-resume-dashboard-action-continue a:visited { min-height: 46px; border-color: var(--sh-event-strong) !important; background: var(--sh-event-strong) !important; color: var(--sh-event-strong-text) !important; } #resume-manager-candidate-dashboard [class*="stagehill-resume-dashboard-action-"][class*="invite"] a { background-image: none !important; gap: 0 !important; } #resume-manager-candidate-dashboard .stagehill-event-card__details[hidden] { display: none !important; } #resume-manager-candidate-dashboard .stagehill-event-card__details { border-top: 1px solid var(--sh-event-border); background: var(--sh-event-surface); } #resume-manager-candidate-dashboard .stagehill-event-card__details-heading { padding: 22px 26px 0; } #resume-manager-candidate-dashboard .stagehill-event-card__details-title { margin: 0; color: var(--sh-event-text); font-size: 18px; font-weight: 700; line-height: 1.35; } #resume-manager-candidate-dashboard .stagehill-event-card__details-copy { margin: 4px 0 0; color: var(--sh-event-muted); font-size: 13px; line-height: 1.55; } #resume-manager-candidate-dashboard .stagehill-event-card__details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 20px 0 0; border-top: 1px solid var(--sh-event-border); background: var(--sh-event-subtle); } #resume-manager-candidate-dashboard .stagehill-event-card__detail { min-width: 0; padding: 16px 26px 18px; border-bottom: 1px solid var(--sh-event-border); background: transparent; } #resume-manager-candidate-dashboard .stagehill-event-card__detail:nth-child(even) { border-left: 1px solid var(--sh-event-border); } #resume-manager-candidate-dashboard .stagehill-event-card__detail:last-child:nth-child(odd) { grid-column: 1 / -1; } #resume-manager-candidate-dashboard .stagehill-event-card__detail-value { min-width: 0; color: var(--sh-event-text); font-size: 15px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; } #resume-manager-candidate-dashboard .stagehill-event-card__detail-value a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } #resume-manager-candidate-dashboard .stagehill-event-manager-dashboard__empty { padding: 28px; border: 1px solid var(--sh-event-border); border-radius: 7px; background: var(--sh-event-surface); color: var(--sh-event-muted); text-align: center; } #resume-manager-candidate-dashboard .job-manager-pagination { margin-top: 28px; } @media (prefers-reduced-motion: no-preference) { #resume-manager-candidate-dashboard .stagehill-event-card__details:not([hidden]) { animation: stagehillEventDetailsIn .18s ease both; } @keyframes stagehillEventDetailsIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } } } @media (max-width: 767px) { #resume-manager-candidate-dashboard .stagehill-event-manager-dashboard__intro { margin-bottom: 22px; font-size: 14px; } #resume-manager-candidate-dashboard .stagehill-event-manager-dashboard__list { gap: 22px; } #resume-manager-candidate-dashboard .stagehill-event-card__header { grid-template-columns: 1fr; gap: 17px; padding: 23px 20px 22px; } #resume-manager-candidate-dashboard .stagehill-event-card__visual { width: 88px; height: 88px; } #resume-manager-candidate-dashboard .stagehill-event-card__badges { align-items: flex-start; flex-direction: row; flex-wrap: wrap; } #resume-manager-candidate-dashboard .stagehill-event-card__summary { display: grid; gap: 5px; } #resume-manager-candidate-dashboard .stagehill-event-card__summary-item--same-row::before { display: none; } #resume-manager-candidate-dashboard .stagehill-event-card__actions { gap: 10px; padding: 14px 18px 10px; } #resume-manager-candidate-dashboard .stagehill-event-card__applications-link, #resume-manager-candidate-dashboard .stagehill-event-card__applications-disabled, #resume-manager-candidate-dashboard .stagehill-event-card__applications-fallback, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list { width: 100%; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #resume-manager-candidate-dashboard .stagehill-event-card__action-list a, #resume-manager-candidate-dashboard .stagehill-event-card__details-toggle, #resume-manager-candidate-dashboard .stagehill-event-card__delete-list a { white-space: normal; text-align: center; } #resume-manager-candidate-dashboard .stagehill-event-card__delete-row { padding: 0 18px 17px; } #resume-manager-candidate-dashboard .stagehill-event-card__details:not([hidden]) + .stagehill-event-card__delete-row { padding-top: 14px; } #resume-manager-candidate-dashboard .stagehill-event-card__details-heading { padding: 20px 20px 0; } #resume-manager-candidate-dashboard .stagehill-event-card__details-grid { grid-template-columns: 1fr; } #resume-manager-candidate-dashboard .stagehill-event-card__detail, #resume-manager-candidate-dashboard .stagehill-event-card__detail:nth-child(even), #resume-manager-candidate-dashboard .stagehill-event-card__detail:last-child:nth-child(odd) { grid-column: 1; border-left: 0; padding: 16px 20px 18px; } } @media (max-width: 420px) { #resume-manager-candidate-dashboard .stagehill-event-card__title { font-size: 24px; } } /* StageHill Artist Dashboard: tabs/search/sort parity with Saved Listings. */ .stagehill-resume-dashboard-wrapper, .stagehill-resume-dashboard-wrapper * { box-sizing: border-box; } .stagehill-resume-dashboard-wrapper { max-width: 100%; overflow: visible; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs { max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters { display: block !important; margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; list-style: none !important; list-style-type: none !important; line-height: normal !important; white-space: normal !important; overflow: visible !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li { display: inline !important; float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 10px !important; border: 0 !important; background: transparent !important; list-style: none !important; list-style-type: none !important; white-space: nowrap !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li::before, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li::after { display: none !important; content: none !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li:not(:last-child) { border-right: 1px solid #ccc !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li.active, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li.current, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li.selected, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li.stagehill-active-tab, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li[data-stagehill-active="1"] { background: #f2f2f2 !important; background-color: #f2f2f2 !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 6px !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; line-height: normal !important; text-decoration: none !important; white-space: nowrap !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li a::before, .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li a::after { display: none !important; content: none !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; float: none !important; position: static !important; width: auto !important; min-width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid #e5e5e5 !important; border-radius: 50px !important; background: #f8f8f8 !important; background-color: #f8f8f8 !important; color: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; vertical-align: middle !important; white-space: nowrap !important; transform: none !important; box-sizing: border-box !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 22px 0 28px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls input[type="search"].stagehill-resume-dashboard-search, .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls select.stagehill-resume-dashboard-order { display: block !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid #e0e0e0 !important; border-radius: 3px !important; background-color: #fff; color: #666; box-shadow: none !important; outline: none !important; font-size: 15px !important; font-weight: 400 !important; line-height: 48px !important; vertical-align: middle !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls input[type="search"].stagehill-resume-dashboard-search { flex: 1 1 420px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls select.stagehill-resume-dashboard-order { flex: 0 1 260px !important; width: auto !important; min-width: 220px !important; max-width: 100% !important; -webkit-appearance: menulist !important; appearance: auto !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls input[type="search"].stagehill-resume-dashboard-search::-webkit-search-cancel-button { width: 14px !important; height: 14px !important; margin-left: 10px !important; background: #111 !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M12.85 4.26 11.74 3.15 8 6.89 4.26 3.15 3.15 4.26 6.89 8l-3.74 3.74 1.11 1.11L8 9.11l3.74 3.74 1.11-1.11L9.11 8z'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M12.85 4.26 11.74 3.15 8 6.89 4.26 3.15 3.15 4.26 6.89 8l-3.74 3.74 1.11 1.11L8 9.11l3.74 3.74 1.11-1.11L9.11 8z'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important; } /* Keep filtering private to this component. Generic loading classes can be picked up by WorkScout and must never recolor or fade the v76 cards. */ .stagehill-resume-dashboard-wrapper[data-stagehill-fetching="1"] .stagehill-resume-dashboard-results { pointer-events: none !important; } @media only screen and (max-width: 768px) { .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs { margin-bottom: 22px !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; white-space: normal !important; } .stagehill-resume-dashboard-wrapper .stagehill-resume-dashboard-tabs ul.filters li { display: flex !important; align-items: center !important; flex: 0 0 auto !important; max-width: 100% !important; padding: 10px !important; line-height: normal !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls { display: block !important; width: 100% !important; margin: 0 0 30px !important; } .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls input[type="search"].stagehill-resume-dashboard-search, .stagehill-resume-dashboard-wrapper > form.stagehill-resume-dashboard-controls select.stagehill-resume-dashboard-order { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 12px !important; } } /* Resume Manager owns this page. Never expose the legacy theme table. */ #resume-manager-candidate-dashboard table.resume-manager-resumes, #resume-manager-candidate-dashboard .resume-manager-resumes { display: none !important; } #resume-manager-candidate-dashboard.stagehill-artist-manager-dashboard .stagehill-event-card__header { grid-template-columns: auto minmax(0, 1fr); } #resume-manager-candidate-dashboard .stagehill-artist-card__topline { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; margin: 0 0 2px; } #resume-manager-candidate-dashboard .stagehill-artist-card__topline .stagehill-event-card__eyebrow { margin: 0; } #resume-manager-candidate-dashboard .stagehill-artist-card__header-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; width: auto !important; max-width: 100% !important; margin: 0 0 0 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; flex: 0 0 auto !important; } #resume-manager-candidate-dashboard .stagehill-resume-dashboard-status { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 36px !important; margin: 0 !important; padding: 0 13px !important; border: 1px solid rgba(17, 17, 17, .14) !important; border-radius: 999px !important; background: #f7f7f7 !important; color: #111 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } #resume-manager-candidate-dashboard .stagehill-resume-dashboard-status.is-neutral, #resume-manager-candidate-dashboard .stagehill-resume-dashboard-status.is-expired, #resume-manager-candidate-dashboard .stagehill-resume-dashboard-status.is-draft { color: #666 !important; } /* Same grey animated bin used by the Event Dashboard. */ #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action { display: inline-flex !important; position: relative !important; align-items: center !important; justify-content: center !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #888 !important; font-size: 0 !important; line-height: 0 !important; text-decoration: none !important; box-shadow: none !important; outline: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 180ms ease !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action::before { display: block !important; position: absolute !important; top: 13px !important; left: 11px !important; width: 14px !important; height: 13px !important; margin: 0 !important; content: "" !important; background-color: currentColor !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill='black' d='M1 0h12l-1 13H2L1 0Zm3 2v8h2V2H4Zm4 0v8h2V2H8Z'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill='black' d='M1 0h12l-1 13H2L1 0Zm3 2v8h2V2H4Zm4 0v8h2V2H8Z'/%3E%3C/svg%3E") !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action::after { display: block !important; position: absolute !important; top: 7px !important; left: 9px !important; width: 18px !important; height: 7px !important; margin: 0 !important; content: "" !important; background-color: currentColor !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 7'%3E%3Cpath fill='black' d='M6 0h6l1 2h5v3H0V2h5l1-2Z'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 7'%3E%3Cpath fill='black' d='M6 0h6l1 2h5v3H0V2h5l1-2Z'/%3E%3C/svg%3E") !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; transform-origin: 3px 5px !important; transition: transform 180ms cubic-bezier(.2, .8, .2, 1) !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:hover, #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:focus-visible { background: transparent !important; color: #111 !important; box-shadow: none !important; outline: none !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:hover::after, #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:focus-visible::after { transform: translate3d(-1px, -3px, 0) rotate(-18deg) !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action.stagehill-job-dashboard-delete-action--tap-reset, #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:active, #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action:focus { background: transparent !important; color: #888 !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action.stagehill-job-dashboard-delete-action--tap-reset::after { transform: translate3d(0, 0, 0) rotate(0deg) !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); } #resume-manager-candidate-dashboard .candidate-dashboard-actions, #resume-manager-candidate-dashboard .candidate-dashboard-actions li { list-style: none !important; } #resume-manager-candidate-dashboard .candidate-dashboard-actions a::before, #resume-manager-candidate-dashboard .candidate-dashboard-actions a::after { display: none !important; content: none !important; } #resume-manager-candidate-dashboard .stagehill-artist-dashboard__add-row { margin: 26px 0 0; } #resume-manager-candidate-dashboard .stagehill-artist-dashboard__add-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px; border: 1px solid #111; border-radius: 5px; background: #111; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none !important; } #resume-manager-candidate-dashboard .stagehill-artist-dashboard__add-button:hover, #resume-manager-candidate-dashboard .stagehill-artist-dashboard__add-button:focus-visible { background: transparent; color: #111 !important; } .stagehill-resume-dashboard-wrapper[data-stagehill-fetching="1"] .stagehill-resume-dashboard-results { pointer-events: none !important; } @media (max-width: 767px) { #resume-manager-candidate-dashboard.stagehill-artist-manager-dashboard .stagehill-event-card__header { grid-template-columns: 1fr; position: relative; } #resume-manager-candidate-dashboard .stagehill-event-card__identity { display: flex; flex-direction: column; } #resume-manager-candidate-dashboard .stagehill-artist-card__topline { display: contents; } #resume-manager-candidate-dashboard .stagehill-artist-card__topline .stagehill-event-card__eyebrow { order: 0; margin: 0 0 7px; } #resume-manager-candidate-dashboard .stagehill-event-card__title { order: 1; } #resume-manager-candidate-dashboard .stagehill-event-card__summary { order: 2; } #resume-manager-candidate-dashboard .stagehill-artist-card__header-actions { order: 3; justify-content: flex-start !important; width: 100% !important; margin: 18px 0 0 !important; padding-right: 44px !important; } #resume-manager-candidate-dashboard .stagehill-job-dashboard-delete-action { position: absolute !important; top: 18px !important; right: 16px !important; z-index: 8 !important; } #resume-manager-candidate-dashboard .stagehill-event-card__action-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #resume-manager-candidate-dashboard .stagehill-artist-dashboard__add-button { width: 100%; } }