/* HRGP site-wide visual consistency (CONSISTENCY-1, Oct 24; Brad: "take that stylizing approach to all"). One shared sheet, loaded after responsive-usability.css and before brand.css (build.mjs).
   Type scale:  page title (h1, unchanged) > section heading (h2 18px) > sub-heading (h3 16px, h4 14px) > LABELS (12px, UPPERCASE, letter-spaced, bold) > values / body text (regular).
   Tables:      column headers = labels; body cells regular and muted; only the row's primary name or link is medium (500) and dark; row actions are small quiet buttons (no fill, no border).
   Buttons:     primary = filled navy; secondary = white with a 1px brand line; tertiary/quiet = text only; same 38px height, 8px radius and 14px type everywhere (compact 32px inside tables).
   Opt-in classes for new screens: hrgp-field-label (a label), primary / secondary (buttons). Selectors are .shell + at most three classes; colours use the brand tokens; no !important. */
.shell{--hrgp-label-ink:#52627f;--hrgp-body-muted:#4c5b78;--hrgp-primary-ink:var(--brand-navy,#081E5B);--hrgp-line:var(--brand-line,#DCE3EF);--hrgp-blue:var(--brand-blue,#12308A);--hrgp-ctl-h:38px;--hrgp-radius:8px}
.shell[data-theme="dark"]{--hrgp-label-ink:#a9b8d3;--hrgp-body-muted:#c3cee2;--hrgp-primary-ink:#f0f4fa;--hrgp-line:#3a4a6b}
/* 1. labels: column headers and filter / toolbar / field labels */
.shell th,.shell.shell.shell th,.shell.shell.shell th button,.shell .hrgp-field-label,.shell .comm-label,.shell label.hrgp-ems-field>span:first-child,.shell .hrgp-ems-status-filter>span:first-child,
.shell .applicant-filterbar label,.shell .applicant-list-job-filter>span,.shell .applicant-tag-filter>span,.shell .applicant-date-field>span,.shell .applicant-saved-view-panel label,
.shell .filters>label,.shell .filter-bar label,.shell .toolbar label{
  font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:16px;color:var(--hrgp-label-ink)}
.shell .applicant-filterbar label,.shell .applicant-list-job-filter,.shell .applicant-tag-filter,.shell .applicant-date-field{display:grid;gap:6px;align-content:end}
.shell .applicant-filterbar label,.shell .applicant-list-job-filter>span,.shell .applicant-tag-filter>span,.shell .applicant-date-field>span{min-height:16px}
.shell .applicant-filterbar{align-items:end}
/* field labels in any screen (not checkbox / radio rows) */
.shell.shell label:not(:has(input[type=checkbox],input[type=radio])){font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:16px;color:var(--hrgp-label-ink)}
/* a label that wraps its control: the control keeps regular type, not the label's */
.hrgp-aw-panel label :is(select,input,textarea),.shell.shell label :is(select,input,textarea,button){text-transform:none;letter-spacing:normal;font-weight:400;font-size:0.9375rem;line-height:normal;color:var(--text,#263551)}
@media (max-width:640px){.shell.shell label :is(select,input,textarea){font-size:1rem}}
/* screens whose own styles repeat the label look at a different size (workflow tables, the job editor) */
.shell.shell.shell.shell .wa-page table th,.shell.shell.shell.shell .wa-page table th button,.shell.shell.shell.shell .wa-page .wf-list-card .wf-table th,.shell.shell.shell .editor-fields label,.shell.shell.shell .hrgp-aw label:not(:has(input[type=checkbox],input[type=radio])),.hrgp-aw-panel label:not(:has(input[type=checkbox],input[type=radio])),.hrgp-aw-admin label:not(:has(input[type=checkbox],input[type=radio])),.hrgp-aw-row label:not(:has(input[type=checkbox],input[type=radio])){
  font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:16px;color:var(--hrgp-label-ink)}
.shell.shell.shell .more-actions-title{font-size:1rem;font-weight:700}
.applicant-drawer.applicant-drawer .more-actions-title{font-size:1rem!important;font-weight:700} /* the original sheet sets 22px!important */
/* sort buttons inside column headers are plain header text, not bordered buttons */
.shell.shell.shell.shell.shell.shell th button,.shell.shell.shell.shell.shell.shell th button:hover:not(:disabled){border:0;background:transparent;padding:0;min-height:0;border-radius:0;box-shadow:none;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}
/* Applicants filter row: every control the same height so the labels sit on one line */
.shell.shell .applicant-filterbar :is(.applicant-list-job-filter select,.applicant-list-job-picker>button,.applicant-tag-trigger,.applicant-date-trigger,.applicant-filter-actions button){height:var(--hrgp-ctl-h);min-height:var(--hrgp-ctl-h);box-sizing:border-box}
.applicants-content.applicants-content .applicant-tag-control{height:var(--hrgp-ctl-h);min-height:var(--hrgp-ctl-h);box-sizing:border-box}
/* 2. control values */
.shell :is(select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color])){font-weight:400}
.shell :is(select,textarea,input)::placeholder{font-weight:400}
.shell .applicant-list-job-picker>button,.shell .applicant-list-job-picker>button span,.shell .applicant-tag-trigger,.shell .applicant-tag-trigger span,.shell .applicant-date-trigger,.shell .applicant-date-trigger span{font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text,#263551)}
/* 3. table rows. Oct 25 (C3b): break-word, never "anywhere": "anywhere" lowers each cell's min-content to one character, so auto-layout tables squeezed
   columns (emails letter by letter, "Recruite / r"). break-word only breaks a word that cannot fit even on its own line. A table wider than its card
   scrolls sideways inside its wrapper instead of being clipped. */
.shell.shell.shell td{font-weight:400;color:var(--hrgp-body-muted);overflow-wrap:break-word;word-break:normal}
.shell :is(.table-wrap,.hrgp-ems-table-wrap,.hrgp-native-table-scroll,.hrgp-report-table-wrap){max-width:100%;overflow-x:auto}
/* Oct 25 (C3c; Brad, production Employees list): an email in a list is one line of at most 260px with an ellipsis (the full address is its title), so it never
   pushes the next columns off the card. The payroll checkbox column is narrow (44px, the box at the left): it is the row's first cell, so the original sheet's
   ".hrgp-ems td:first-child{min-width:190px}" (meant for the name) made it ~22% of the table, with the box floating in the middle. The name keeps a sensible minimum. */
.shell .hrgp-email{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell.shell.shell .hrgp-ems :is(th,td).hrgp-ems-pick{width:44px;min-width:44px;max-width:44px;box-sizing:border-box;padding-left:16px;padding-right:6px;text-align:left}
/* List tables fit their card at laptop widths and up (1366, 1440, 1920; below that the card scrolls sideways). The original sheets padded every cell 22px a side,
   kept headers and names on one line, gave the Employees-style tables min-width:1000px and Job Postings min-width:1160px with a 245px one-line actions column,
   which added up to 1300-1400px in a 1028px card. Now: 12px side padding, headers and names may wrap, the email column takes a share of the width (its text
   is cut with an ellipsis), the Job Postings actions may wrap, and the Applicants columns have widths that leave the Reminders pill its full width. */
@media (min-width:1025px){
  .shell.shell .hrgp-ems table{min-width:0}
  .shell.shell.shell .hrgp-ems :is(th,td){padding-left:12px;padding-right:12px}
  .shell.shell.shell .hrgp-ems th{white-space:normal}
  .shell.shell.shell .hrgp-ems td:first-child{min-width:0}
  .shell.shell .hrgp-ems .hrgp-ems-person strong{white-space:normal}
  .shell.shell.shell .hrgp-ems td.hrgp-ems-email{width:24%;max-width:0}
  .shell.shell .jobs-content .jobs-table{min-width:0}
  .shell.shell .jobs-content .jobs-table :is(th,td){padding-left:12px;padding-right:12px}
  .shell.shell .jobs-content .jobs-table td:first-child{min-width:150px}
  .shell.shell .jobs-content .jobs-table td:nth-child(2){min-width:110px}
  .shell.shell .jobs-content .jobs-table td:nth-child(4){min-width:110px}
  .shell.shell .jobs-content .jobs-table td:last-child{white-space:normal;min-width:130px}
  .shell .applicants-content .applicant-list-table thead th:nth-child(1){width:34px}
  .shell .applicants-content .applicant-list-table thead th:nth-child(3){width:26%}
  .shell .applicants-content .applicant-list-table thead th:nth-child(4){width:132px}
  .shell .applicants-content .applicant-list-table tbody td:nth-child(4){white-space:nowrap}
  .shell .applicants-content .applicant-list-table thead th:nth-child(5){width:320px}
}
.shell.shell.shell td :is(.person strong,.job-person strong,.hrgp-ems-person strong),.shell.shell.shell td>strong:first-child,.shell.shell.shell td>a:first-child,.shell.shell.shell td a.row-link,.shell.shell.shell td :is(.applicant-name-button,.job-title-link,.wf-title,.hrgp-im-name-link){font-weight:500;color:var(--hrgp-primary-ink)}
.shell.shell.shell td strong,.shell .hrgp-ems-person strong{font-weight:500}
/* Oct 25 (Brad): an applicant this user hasn't opened shows a small red "NEW" badge; the name keeps its weight. Brad, later: "the same size under every candidate,
   just wide enough to fit the word new … italic … to the left under their name, under the first name": a fixed 34 × 16 pill on its own line, left-aligned. */
.shell.shell.shell.shell td .applicant-name-button .applicant-new-badge{display:inline-block;vertical-align:2px;box-sizing:border-box;width:34px;height:16px;margin:0 0 0 6px;padding:0;border-radius:999px;background:#d92d20;color:#fff;font-size:0.625rem;font-style:italic;font-weight:700;line-height:16px;letter-spacing:.04em;text-align:center;white-space:nowrap;overflow:hidden}
/* 4. headings: one scale */
.shell.shell.shell h2{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.shell.shell.shell h3{font-size:1rem;font-weight:700;letter-spacing:-.005em;line-height:1.35}
.shell.shell.shell h4{font-size:0.875rem;font-weight:700;line-height:1.4}
/* 5. buttons */
.shell button.primary,.shell .hrgp-primary{min-height:var(--hrgp-ctl-h);padding:0 16px;border-radius:var(--hrgp-radius);font-size:0.875rem;font-weight:600;line-height:1.2}
.shell.shell button.secondary,.shell .hrgp-ems-view,.shell .hrgp-record-open{min-height:var(--hrgp-ctl-h);padding:0 14px;border-radius:var(--hrgp-radius);background:#fff;color:var(--brand-navy,#081E5B);border:1px solid var(--hrgp-line);font-size:0.875rem;font-weight:500;line-height:1.2;cursor:pointer}
.shell button.secondary:hover:not(:disabled),.shell button.secondary:focus-visible,.shell .hrgp-ems-view:hover,.shell .hrgp-record-open:hover{background:#edf1fa;outline:none}
.shell button.secondary:disabled{opacity:.55;cursor:not-allowed}
.shell[data-theme="dark"] :is(button.secondary,.hrgp-ems-view,.hrgp-record-open){background:transparent;color:#f0f4fa;border-color:var(--hrgp-line)}
.shell .applicant-filterbar .applicant-filter-actions button.secondary{font-weight:500;font-size:0.875rem;min-height:var(--hrgp-ctl-h);padding:0 14px;border-radius:var(--hrgp-radius)}
/* plain browser buttons left unstyled inside the content area look like the secondary button */
.shell :is(main,section,.panel,.table-wrap) button:not([class]):not([type=submit]){min-height:32px;padding:0 12px;border:1px solid var(--hrgp-line);border-radius:var(--hrgp-radius);background:#fff;color:var(--brand-navy,#081E5B);font:inherit;font-size:0.8125rem;font-weight:500;cursor:pointer}
.shell :is(main,section,.panel,.table-wrap) button:not([class]):not([type=submit]):hover:not(:disabled){background:#edf1fa}
/* controls that sit in screen-specific wrappers (call logs, Mira questions, FAQ widget) */
.shell :is(.ov-row,.hrgp-mira-row-actions,.hrgp-mira-page-heading,.hrgp-mira-search,.hrgp-mira-pagination,.hrgp-aw-panel,.hrgp-aw) button:not([class]){min-height:32px;padding:0 12px;border:1px solid var(--hrgp-line);border-radius:var(--hrgp-radius);background:#fff;color:var(--brand-navy,#081E5B);font:inherit;font-size:0.8125rem;font-weight:500;cursor:pointer}
.shell :is(.ov-row,.hrgp-mira-row-actions,.hrgp-mira-page-heading,.hrgp-mira-search,.hrgp-mira-pagination,.hrgp-aw-panel,.hrgp-aw) button:not([class]):hover:not(:disabled){background:#edf1fa}
.hrgp-aw.hrgp-aw button:not([class]),.hrgp-aw-panel.hrgp-aw-panel button:not([class]){min-height:32px;padding:0 12px;border:1px solid var(--hrgp-line,#DCE3EF);border-radius:8px;background:#fff;color:var(--brand-navy,#081E5B);font:inherit;font-size:0.8125rem;font-weight:500;cursor:pointer}
.hrgp-aw.hrgp-aw button:not([class]):hover:not(:disabled){background:#edf1fa}
/* text links (Brad Oct 24: browser-default blue/purple underlined links look dated): brand colour, regular weight, no underline until hover / focus, never visited purple */
.shell :is(a:not([class]),td a,p a,li a,.hrgp-link),.shell :is(a:not([class]),td a,p a,li a,.hrgp-link):visited{color:var(--hrgp-blue);font-weight:inherit;text-decoration:none}
.shell :is(a:not([class]),td a,p a,li a,.hrgp-link):is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.shell[data-theme="dark"] :is(a:not([class]),td a,p a,li a,.hrgp-link),.shell[data-theme="dark"] :is(a:not([class]),td a,p a,li a,.hrgp-link):visited{color:#cfe0ff}
/* 6. row actions: small quiet buttons, no fill, no border; the row's primary name stays a medium dark link */
.shell.shell.shell td :is(button:not([class]),button.hrgp-ems-view,button.hrgp-record-open,button.secondary,button.hrgp-link-button){min-height:28px;padding:2px 8px;border:0;background:transparent;color:var(--hrgp-blue);font-size:0.8125rem;font-weight:500;border-radius:6px;white-space:nowrap}
.shell.shell.shell td :is(button:not([class]),button.hrgp-ems-view,button.hrgp-record-open,button.secondary,button.hrgp-link-button):hover:not(:disabled){background:#edf1fa;text-decoration:none}
.shell.shell.shell[data-theme="dark"] td :is(button:not([class]),button.hrgp-ems-view,button.hrgp-record-open,button.secondary,button.hrgp-link-button){color:#cfe0ff}

/* Oct 24 (Brad: "This does not look good"): the Applicants list's Reminders cell. The pill ("1 reminder · 1 overdue") and the + button sit in one row, the pill on the left and the + on the right,
   with a gap; the pill is one line and can shrink (ellipsis) but can never run into the +. The cell keeps a minimum width so the pill is not squeezed on a laptop screen. */
.shell .applicant-reminder-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;flex-wrap:nowrap}
@media (min-width:900px){.shell .applicant-reminder-cell{min-width:220px}}
.shell .applicant-reminder-cell .applicant-reminder-pill{flex:0 1 auto;min-width:0;max-width:calc(100% - 40px);overflow:hidden;white-space:nowrap}
.shell .applicant-reminder-cell .applicant-reminder-pill>svg{flex:none}
.shell .applicant-reminder-cell .reminder-pill-copy{display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;line-height:1.25}
.shell .applicant-reminder-cell .reminder-pill-copy>span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.shell .applicant-reminder-cell .reminder-pill-copy .reminder-list-overdue{display:inline;flex:none;margin:0;padding:0;border:0;font-size:inherit;line-height:inherit}
.shell .applicant-reminder-cell .reminder-pill-copy .reminder-list-overdue::before{content:"·";margin-right:6px;font-weight:700}
.shell .applicant-reminder-cell .applicant-reminder-add{flex:none;margin-left:auto}

/* Oct 24: row actions that only open or view something are quiet icon buttons (the words stay for screen readers and as the tooltip) */
.shell.shell.shell.shell td button.hrgp-row-icon,.shell.shell.shell.shell button.hrgp-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--hrgp-blue)}
.shell.shell.shell.shell td button.hrgp-row-icon:is(:hover,:focus-visible),.shell.shell.shell.shell button.hrgp-row-icon:is(:hover,:focus-visible){background:#edf1fa}
.shell.shell.shell.shell button.hrgp-row-icon svg{width:18px;height:18px;flex:none}
.shell[data-theme="dark"] button.hrgp-row-icon{color:#cfe0ff}
.shell[data-theme="dark"] button.hrgp-row-icon:is(:hover,:focus-visible){background:#26324a}
/* Oct 25 (C3b; Brad: in Templates & Forms the eye sat lower than the text in its row): list-table cells are centred vertically, so a row's text and its
   icon button share one centre line (the native tool tables used vertical-align:top and 16px padding); the icon itself is centred in its line box. */
.shell.shell.shell .hrgp-native-table td{vertical-align:middle;padding:12px 16px}
.shell.shell.shell.shell button.hrgp-row-icon{vertical-align:middle}
/* an empty value shows a muted dash, not words like "Not available" */

/* page-specific rules (Reminders heading actions) must not make a secondary button bolder than the others */
.shell.shell.shell.shell.shell.shell button.secondary:not(.primary){font-weight:500}
/* file pickers (the resume on the public Apply form, uploads in the app): the native grey button becomes the secondary button, the file name stays beside it */
input[type=file]{font:inherit;font-size:0.875rem;color:var(--text,#4c5b78);max-width:100%}
input[type=file]::file-selector-button{min-height:38px;margin-right:12px;padding:0 14px;border:1px solid var(--brand-line,#DCE3EF);border-radius:8px;background:#fff;color:var(--brand-navy,#081E5B);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer}
input[type=file]:hover::file-selector-button,input[type=file]:focus-visible::file-selector-button{background:#edf1fa}
input[type=file]:focus-visible{outline:2px solid var(--brand-blue,#12308A);outline-offset:2px;border-radius:8px}
.shell[data-theme="dark"] input[type=file]::file-selector-button{background:transparent;color:#f0f4fa;border-color:#3a4a6b}

/* Free-trial pages (/app/start-trial and its verify / decide / account steps; Oct 25, Brad: "better stylized to fit hrgp, more space for work email, company website and company name"). Public pages: no .shell here, so every rule is scoped to .hrgp-trial. */
.hrgp-trial.hrgp-trial-page{min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 16px 24px;background:#f2f5fa;color:#081e5b;font-family:"DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hrgp-trial *{box-sizing:border-box}
.hrgp-trial .hrgp-trial-brand{width:100%;max-width:640px}
.hrgp-trial .hrgp-trial-logo{display:block;height:44px;width:auto}
.hrgp-trial .hrgp-trial-card{width:100%;max-width:640px;padding:36px 40px 40px;background:#fff;border:1px solid #dce3ef;border-radius:16px;box-shadow:0 10px 30px rgba(8,30,91,.06)}
.hrgp-trial .hrgp-trial-eyebrow{margin:0 0 8px;font-size:0.75rem;font-weight:700;letter-spacing:.14em;color:#c2410c}
.hrgp-trial h1{margin:0 0 12px;font-size:1.875rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#081e5b}
.hrgp-trial .hrgp-trial-lead{margin:0 0 24px;font-size:1rem;line-height:1.55;color:#4c5b78}
.hrgp-trial p{line-height:1.55}
.hrgp-trial .hrgp-trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}
.hrgp-trial .hrgp-trial-field{display:grid;gap:6px;align-content:start;min-width:0}
.hrgp-trial .hrgp-trial-field.full{grid-column:1 / -1}
.hrgp-trial label{display:block;font-size:0.75rem;font-weight:700;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#52627f}
.hrgp-trial input[type=text],.hrgp-trial input[type=email],.hrgp-trial input[type=tel],.hrgp-trial select{display:block;width:100%;height:46px;padding:0 14px;border:1px solid #c9d3e6;border-radius:10px;background:#fff;color:#081e5b;font:inherit;font-size:1rem;font-weight:400;text-transform:none;letter-spacing:normal}
.hrgp-trial input::placeholder{color:#8a97b1;font-weight:400}
.hrgp-trial select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352627f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;cursor:pointer}
.hrgp-trial input[type=text]:focus,.hrgp-trial input[type=email]:focus,.hrgp-trial input[type=tel]:focus,.hrgp-trial select:focus{outline:none;border-color:#12308a;box-shadow:0 0 0 3px rgba(18,48,138,.18)}
.hrgp-trial .hrgp-trial-note{margin:14px 0 18px;font-size:0.8125rem;color:#52627f}
.hrgp-trial label.hrgp-trial-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 14px;font-size:0.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;color:#263551;cursor:pointer}
.hrgp-trial .hrgp-trial-check input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;accent-color:#081e5b;cursor:pointer}
.hrgp-trial .hrgp-trial-check em{font-style:normal;font-weight:600;color:#52627f}
.hrgp-trial .hrgp-trial-alert,.hrgp-trial [role=alert]{margin:6px 0 16px;padding:12px 14px;border:1px solid #f2c7bb;border-radius:10px;background:#fff1ed;color:#8a2a0e;font-size:0.875rem;line-height:1.5}
.hrgp-trial [role=status]{font-size:0.9375rem;color:#263551}
.hrgp-trial button.primary,.hrgp-trial a.primary.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:10px;background:#081e5b;color:#fff;font:inherit;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;opacity:1}
.hrgp-trial button.primary:hover:not(:disabled),.hrgp-trial a.primary.button:hover{background:#12308a}
.hrgp-trial button.primary:focus-visible,.hrgp-trial a.primary.button:focus-visible{outline:3px solid #12308a;outline-offset:2px}
.hrgp-trial button.primary:disabled{opacity:.6;cursor:progress}
.hrgp-trial .hrgp-trial-submit{width:100%}
.hrgp-trial button:not(.primary){min-height:44px;padding:0 18px;border:1px solid #c9d3e6;border-radius:10px;background:#fff;color:#081e5b;font:inherit;font-size:0.9375rem;font-weight:500;cursor:pointer}
.hrgp-trial a{color:#12308a}
.hrgp-trial .hrgp-trial-foot{margin-top:auto;font-size:0.75rem;letter-spacing:.04em;color:#52627f}
@media (max-width:640px){.hrgp-trial.hrgp-trial-page{padding:20px 12px 20px}.hrgp-trial .hrgp-trial-card{padding:24px 18px 28px;border-radius:14px}.hrgp-trial h1{font-size:1.625rem}.hrgp-trial .hrgp-trial-grid{grid-template-columns:1fr;gap:18px}}

/* Notes page (/app/notes, hrgpMyNotes). Oct 25 C3c (Brad: "what's with the 1970s look"): the app's own look, same tokens as Applicants and Employees.
   Heading like the other pages; the app's search box (44px, radius 10, magnifier inside); white cards (app line colour, radius 12, soft shadow, a small lift
   on hover), 12px apart; title 16px bold, text 15px, then a meta row with a "Private" (lock) / "Team" (people) pill and the muted author and date; pencil and
   trash icon buttons at the card's top right; the add / edit form in the app's editor panel; a friendly empty state. "Add Note" stays the full-strength
   primary on one line: the original sheet gives every .primary opacity .65 and only resets it in page headings at phone widths. Dark mode below. */
.shell .my-notes{--note-card:#fff;--note-line:var(--hrgp-line);--note-ink:var(--hrgp-primary-ink);--note-text:#263551;--note-muted:var(--hrgp-label-ink);--note-shadow:0 1px 2px rgba(8,30,91,.05),0 4px 14px rgba(8,30,91,.05);--note-shadow-hover:0 2px 4px rgba(8,30,91,.06),0 10px 24px rgba(8,30,91,.09);--note-pill:#eef2fb;--note-pill-ink:#33467a;--note-field:#fff}
.shell[data-theme="dark"] .my-notes{--note-card:#18253b;--note-line:#344153;--note-ink:#f0f4fa;--note-text:#dce6f4;--note-muted:#a9b8d3;--note-shadow:0 1px 2px rgba(0,0,0,.3);--note-shadow-hover:0 8px 22px rgba(0,0,0,.35);--note-pill:#26324a;--note-pill-ink:#cfe0ff;--note-field:#121b29}
.shell .my-notes>.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.shell .my-notes>.heading .subheading{margin:6px 0 0;max-width:720px}
.shell.shell .my-notes button.primary.hrgp-note-add{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none;opacity:1;min-height:40px;padding:0 16px;border-radius:10px;background:var(--brand-blue,#12308A);border:1px solid var(--brand-blue,#12308A);color:#fff;font-weight:600;cursor:pointer}
.shell.shell .my-notes button.primary.hrgp-note-add:hover{background:var(--brand-navy,#081E5B);border-color:var(--brand-navy,#081E5B)}
.shell .my-notes .hrgp-note-search{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;max-width:460px;height:44px;padding:0 14px;border:1px solid var(--note-line);border-radius:10px;background:var(--note-field);color:var(--note-muted)}
.shell .my-notes .hrgp-note-search:focus-within{border-color:var(--brand-blue,#12308A);box-shadow:0 0 0 3px rgba(18,48,138,.15)}
.shell.shell .my-notes .hrgp-note-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;box-shadow:none;padding:0;font:inherit;font-size:0.9375rem;font-weight:400;color:var(--note-text)}
.shell.shell.shell .my-notes>h2{margin:28px 0 12px}
.shell .my-notes .hrgp-note-list{display:grid;gap:12px}
.shell .my-notes .hrgp-note-card{display:grid;gap:12px;margin:0;padding:16px 16px 14px 20px;background:var(--note-card);border:1px solid var(--note-line);border-radius:12px;box-shadow:var(--note-shadow);overflow-wrap:break-word;transition:transform .15s ease,box-shadow .15s ease}
.shell .my-notes .hrgp-note-card:hover{transform:translateY(-2px);box-shadow:var(--note-shadow-hover)}
.shell .my-notes .hrgp-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.shell .my-notes .hrgp-note-main{display:grid;gap:6px;min-width:0}
.shell.shell.shell .my-notes .hrgp-note-title{margin:0;font-size:1rem;font-weight:700;line-height:1.35;color:var(--note-ink)}
.shell .my-notes .hrgp-note-text{margin:0;font-size:0.9375rem;line-height:1.55;white-space:pre-wrap;color:var(--note-text)}
.shell .my-notes .hrgp-note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:0.8125rem;color:var(--note-muted)}
.shell .my-notes .hrgp-note-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:var(--note-pill);color:var(--note-pill-ink);font-size:0.75rem;font-weight:600}
.shell .my-notes .hrgp-note-actions{display:flex;gap:4px;flex:none;margin:-4px -6px 0 0}
.shell.shell.shell .my-notes button.hrgp-note-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--note-muted);cursor:pointer}
.shell.shell.shell .my-notes button.hrgp-note-icon:is(:hover,:focus-visible){background:var(--note-pill);color:var(--note-ink);outline:none}
.shell.shell.shell .my-notes button.hrgp-note-icon-danger:is(:hover,:focus-visible){background:#fdecea;color:#b42318}
.shell[data-theme="dark"] .my-notes button.hrgp-note-icon-danger:is(:hover,:focus-visible){background:#3a2226;color:#ffb4ab}
.shell .my-notes .hrgp-note-editor{display:grid;gap:12px;margin:16px 0 4px;padding:20px 22px;max-width:760px;background:var(--note-card);border:1px solid var(--note-line);border-radius:12px;box-shadow:var(--note-shadow-hover)}
.shell .my-notes .hrgp-note-editor-head{display:flex;align-items:center;justify-content:space-between}
.shell.shell.shell .my-notes .hrgp-note-editor-head h2{margin:0}
.shell .my-notes .hrgp-note-field{display:grid;gap:6px}
.shell.shell .my-notes .hrgp-note-field textarea{box-sizing:border-box;width:100%;min-height:140px;padding:12px 14px;border:1px solid var(--note-line);border-radius:10px;background:var(--note-field);color:var(--note-text);font:inherit;font-size:0.9375rem;line-height:1.5;resize:vertical}
.shell.shell .my-notes .hrgp-note-field textarea:focus{outline:none;border-color:var(--brand-blue,#12308A);box-shadow:0 0 0 3px rgba(18,48,138,.15)}
.shell .my-notes .hrgp-note-count{justify-self:end;margin-top:-6px;font-size:0.75rem;color:var(--note-muted)}
.shell .my-notes .hrgp-note-editor fieldset.note-visibility{margin:0;padding:0;border:0;color:var(--note-text)}
.shell .my-notes .hrgp-note-editor-actions{display:flex;justify-content:flex-end;gap:10px}
.shell.shell .my-notes button.primary.hrgp-note-save{opacity:1;min-height:38px;padding:0 16px;border-radius:8px;background:var(--brand-blue,#12308A);border:1px solid var(--brand-blue,#12308A);color:#fff;font-weight:600}
.shell.shell .my-notes button.primary.hrgp-note-save:disabled{opacity:.55;cursor:not-allowed}
.shell .my-notes .hrgp-note-empty{display:grid;justify-items:center;gap:8px;padding:36px 20px;text-align:center;background:var(--note-card);border:1px dashed var(--note-line);border-radius:12px;color:var(--note-muted)}
.shell .my-notes .hrgp-note-empty strong{font-size:1rem;color:var(--note-ink)}
.shell .my-notes .hrgp-note-empty p{margin:0 0 6px}
.shell .my-notes .hrgp-note-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--note-pill);color:var(--note-pill-ink)}
@media (max-width:680px){.shell .my-notes>.heading{flex-direction:column}.shell .my-notes .hrgp-note-search{max-width:none}}

/* Applicants list (Oct 25, C3c; Brad on production): the JOB cell is one line, cut with an ellipsis (the full job and place are its title), so a long title
   such as "Alarm Installation Technician 🔥" never wraps its emoji onto a second line and the Reminders pill keeps room to show in full. */
.applicants-content .applicant-list-table tbody .applicant-job-cell{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.applicants-content .applicant-list-table tbody .applicant-job-cell small{margin-left:8px}

/* Phone width (Oct 25, C3c; found by the marketing shots). 1. The public new-hire government forms page (/app/gov-forms#…): its sections use the app's
   ov-row class, a flex row in the original sheet, so at 390px "Your details" and the step rows collapsed into a column of single letters. On a phone they
   are plain blocks; desktop unchanged. 2. My Employee Portal: the card grid added its own 22px side padding on top of the page's, so the cards sat
   offset to the right; on a phone the cards span the page with 16px side gutters. */
@media (max-width:600px){
  main.hrgp-gov-forms .ov-row{display:block}
  main.hrgp-gov-forms .ov-row>*+*{margin-top:10px}
}
@media (max-width:680px){
  .shell .hrgp-eh .hrgp-eh-grid{grid-template-columns:minmax(0,1fr);padding:0 0 16px;margin:0}
}

/* Sign-up and "Check your email" (Oct 25, C3c; Brad): "Already have an account? Sign in", with only "Sign in" as the link */
.hrgp-auth-page .hrgp-auth-switch{margin:16px 0 0;text-align:center;font-size:0.875rem;color:#52627f}
.hrgp-auth-page .hrgp-auth-switch .hrgp-auth-link{display:inline;width:auto;min-height:0;margin:0;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--brand-blue,#12308A);cursor:pointer}
.hrgp-auth-page .hrgp-auth-switch .hrgp-auth-link:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.hrgp-auth-page[data-theme="dark"] .hrgp-auth-switch{color:#a9b8d3}
.hrgp-auth-page[data-theme="dark"] .hrgp-auth-switch .hrgp-auth-link{color:#cfe0ff}
/* Sign-up terms (Oct 25, C3c; Brad): one sentence, "I agree to the Terms of Service and Privacy Policy.", links inline, the checkbox beside the first line */
.hrgp-auth-page label.hrgp-signup-accept{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;min-height:0;padding:10px 0;line-height:1.5;text-align:left}
.hrgp-auth-page label.hrgp-signup-accept input[type="checkbox"]{margin:0;width:20px;height:20px;min-height:20px}
.hrgp-auth-page label.hrgp-signup-accept a{display:inline;padding:0;font-weight:600}

/* Get started (Oct 25; Brad: "I want it to sell itself"; src/0221a-hrgpGetStarted.js): a new company's Overview opens with "Post your first job in
   3 minutes", the setup checklist beside it and a SAMPLE applicant under it. The sample's dialog, the empty Applicants list's sample card and the
   Jobs page's "Your job is live" card share these rules. Colours from the brand tokens; a dark set under data-theme="dark". */
.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample){--gs-card:#fff;--gs-soft:#f6f8fd;--gs-line:var(--hrgp-line,#dce3ef);--gs-ink:var(--brand-navy,#081e5b);--gs-text:#263551;--gs-muted:var(--hrgp-label-ink,#52627f);--gs-blue:var(--brand-blue,#12308a);--gs-tint:var(--brand-blue-tint,#edf2ff);--gs-orange:var(--brand-orange,#ff5a00);--gs-orange-text:var(--brand-orange-text,#b93c00);--gs-orange-tint:var(--brand-orange-tint,#fff1e8);--gs-good:#067647;--gs-good-tint:#e8f6ee;--gs-field:#fff}
.shell[data-theme="dark"] :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample){--gs-card:#192333;--gs-soft:#121b29;--gs-line:#344153;--gs-ink:#f0f4fa;--gs-text:#dce6f4;--gs-muted:#a9b8d3;--gs-blue:#9db8ff;--gs-tint:#26324a;--gs-orange:#ff8a4c;--gs-orange-text:#ffb38a;--gs-orange-tint:#3a2a22;--gs-good:#7ddca5;--gs-good-tint:#1d3a2c;--gs-field:#121b29}
.shell .gs-panel{margin:20px 0 24px;padding:24px 26px;background:var(--gs-card);border:1px solid var(--gs-line);border-radius:14px;box-shadow:0 1px 2px rgba(8,30,91,.05),0 6px 20px rgba(8,30,91,.06);color:var(--gs-text);overflow-wrap:break-word}
.shell .gs-panel .gs-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.shell .gs-panel .eyebrow{margin:0 0 6px}
.shell.shell .gs-panel h2{margin:0;font-size:1.625rem;line-height:1.2;font-weight:700;color:var(--gs-ink);letter-spacing:-.01em}
.shell .gs-panel .gs-lead{margin:8px 0 0;max-width:62ch;font-size:1rem;line-height:1.5;color:var(--gs-muted)}
.shell.shell .gs-panel button.gs-hide{flex:none;min-height:36px;padding:0 14px;border:1px solid var(--gs-line);border-radius:8px;background:transparent;color:var(--gs-muted);font-size:0.875rem;font-weight:600;cursor:pointer}
.shell.shell .gs-panel button.gs-hide:is(:hover,:focus-visible){color:var(--gs-ink);border-color:var(--gs-muted)}
.shell .gs-panel .gs-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:20px;align-items:start}
.shell .gs-panel .gs-start{display:grid;gap:16px;padding:22px;border-radius:12px;background:linear-gradient(135deg,var(--gs-tint),var(--gs-soft));border:1px solid var(--gs-line)}
.shell .gs-panel .gs-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--gs-ink)}
.shell .gs-panel .gs-steps li{display:inline-flex;align-items:center;gap:8px}
.shell .gs-panel .gs-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gs-blue);color:#fff;font-size:0.8125rem}
.shell[data-theme="dark"] .gs-panel .gs-steps li>span{color:#0d1626}
.shell .gs-panel .gs-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.shell .gs-panel .gs-field{display:grid;gap:6px;margin:0}
.shell .gs-panel .gs-field>span{font-size:0.875rem;font-weight:600;color:var(--gs-ink)}
.shell.shell .gs-panel .gs-field :is(input,select){box-sizing:border-box;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--gs-line);border-radius:10px;background:var(--gs-field);color:var(--gs-text);font:inherit;font-size:1rem}
.shell.shell .gs-panel .gs-field :is(input,select):focus{outline:none;border-color:var(--gs-blue);box-shadow:0 0 0 3px rgba(18,48,138,.18)}
.shell.shell .gs-panel .gs-field input[aria-invalid="true"]{border-color:#d92d20}
.shell .gs-panel .gs-error{margin:-6px 0 0;font-size:0.875rem;color:#b42318}
.shell[data-theme="dark"] .gs-panel .gs-error{color:#ffb4ab}
.shell .gs-panel .gs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.shell.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample) :is(button.primary,a.primary,button.secondary,a.secondary){opacity:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:10px;font-size:0.9375rem;font-weight:600;text-decoration:none;cursor:pointer;box-sizing:border-box}
.shell.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample) :is(button,a):disabled{opacity:.55;cursor:not-allowed}
.shell.shell .gs-panel .gs-actions button.primary{min-height:48px;padding:0 22px;font-size:1rem}
.shell.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample) :is(a.primary){background:var(--brand-blue,#12308a);border:1px solid var(--brand-blue,#12308a);color:#fff}
.shell.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample) :is(button.secondary,a.secondary){background:var(--gs-card);border:1px solid var(--gs-line);color:var(--gs-ink)}
.shell.shell :is(.gs-panel,.gs-live-card,.gs-modal,.gs-empty-sample) :is(button.secondary,a.secondary):is(:hover,:focus-visible){border-color:var(--gs-blue);color:var(--gs-blue)}
.shell.shell :is(.gs-panel,.gs-modal,.gs-empty-sample) button.gs-link{min-height:32px;padding:0 4px;border:0;background:none;color:var(--gs-blue);font:inherit;font-size:0.875rem;font-weight:600;cursor:pointer}
.shell.shell :is(.gs-panel,.gs-modal,.gs-empty-sample) button.gs-link:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.shell.shell .gs-panel button.gs-link.gs-muted{color:var(--gs-muted);font-weight:500}
/* "Mark done" (Brad: "Add Done" read oddly): small and quiet, shown on the row's hover or keyboard focus where there is a mouse; always shown on touch screens */
.shell.shell .gs-panel button.gs-link.gs-mark{font-size:0.8125rem;margin-left:6px}
/* (Brad, live: "Connect / your / calendar" wrapped word by word) the hidden "Mark done" takes no width until its row is hovered or focused, and the label keeps its words together */
@media (hover:hover){.shell.shell .gs-panel .gs-checklist li:not(:hover):not(:focus-within) button.gs-mark{max-width:0;margin:0;padding:0;overflow:hidden;opacity:0}}
.shell .gs-panel .gs-check-label{overflow-wrap:normal;word-break:normal}
.shell .gs-panel .gs-check-actions{white-space:nowrap}
.shell .gs-panel .gs-voice{display:grid;justify-items:start;gap:8px}
.shell.shell .gs-panel button.primary.gs-mic{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;font-size:1.125rem;font-weight:700;box-shadow:0 6px 18px rgba(18,48,138,.25)}
.shell.shell .gs-panel button.primary.gs-mic span{font-size:1.375rem}
.shell .gs-panel .gs-hint{margin:0;font-size:0.875rem;color:var(--gs-muted)}
.shell .gs-panel .gs-fields.gs-fields-industry{grid-template-columns:minmax(0,320px)}
.shell.shell .gs-panel button.gs-link.gs-manual{justify-self:start;padding:0;font-size:0.8125rem}
.shell .gs-panel .gs-process{padding-top:14px;border-top:1px solid var(--gs-line)}
.shell .gs-panel .gs-process p{margin:0 0 8px;font-size:0.875rem;color:var(--gs-muted)}
.shell .gs-panel .gs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;counter-reset:gs}
.shell .gs-panel .gs-chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--gs-card);border:1px solid var(--gs-line);font-size:0.8125rem;font-weight:600;color:var(--gs-ink);white-space:nowrap}
.shell .gs-panel .gs-chips li+li::before{content:"→";margin:0 4px 0 -2px;color:var(--gs-muted);font-weight:400}
.shell .gs-panel .gs-live{align-content:start}
.shell .gs-panel .gs-live-job{display:flex;align-items:center;gap:10px;margin:0;font-size:1.0625rem;color:var(--gs-ink)}
.shell :is(.gs-panel,.gs-live-card) .gs-live-actions{display:flex;flex-wrap:wrap;gap:10px}
.shell :is(.gs-panel,.gs-live-card) .gs-small{margin:0;font-size:0.875rem;color:var(--gs-muted)}
.shell :is(.gs-panel,.gs-live-card) .gs-small a{color:var(--gs-blue);font-weight:600;word-break:break-all}
.shell .gs-panel .gs-checklist{padding:20px;border:1px solid var(--gs-line);border-radius:12px;background:var(--gs-card)}
.shell .gs-panel .gs-check-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.shell.shell .gs-panel .gs-check-head h3,.shell.shell .gs-panel .gs-sample-wrap h3{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gs-ink)}
.shell .gs-panel .gs-check-head>span{font-size:0.875rem;font-weight:600;color:var(--gs-muted)}
.shell .gs-panel .gs-progress{height:8px;margin:12px 0 8px;border-radius:999px;background:var(--gs-tint);overflow:hidden}
.shell .gs-panel .gs-progress>span{display:block;height:100%;border-radius:inherit;background:var(--gs-orange);transition:width .3s ease}
.shell .gs-panel .gs-checklist ul{margin:0;padding:0;list-style:none}
.shell .gs-panel .gs-checklist li{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--gs-line);font-size:0.9375rem}
.shell .gs-panel .gs-checklist li:last-child{border-bottom:0}
.shell .gs-panel .gs-check-label{flex:1;min-width:0;color:var(--gs-text)}
.shell .gs-panel .gs-checklist li.is-done .gs-check-label{color:var(--gs-muted);text-decoration:line-through;text-decoration-color:var(--gs-line)}
.shell .gs-panel .gs-check-actions{display:inline-flex;gap:2px;flex:none}
.shell :is(.gs-panel,.gs-live-card) .gs-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--gs-line);box-sizing:border-box;color:#fff}
.shell :is(.gs-panel,.gs-live-card) .gs-check.is-done{border-color:var(--gs-good);background:var(--gs-good)}
.shell[data-theme="dark"] :is(.gs-panel,.gs-live-card) .gs-check.is-done{color:#0d1626}
.shell .gs-panel .gs-try{display:grid;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--gs-line)}
.shell.shell .gs-panel .gs-try h3{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gs-ink)}
.shell .gs-panel .gs-try-actions{display:flex;flex-wrap:wrap;gap:10px}
.shell .gs-panel .gs-try-actions .gs-check{width:18px;height:18px}
.shell .gs-panel .gs-sample-wrap{display:grid;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--gs-line)}
.shell .gs-sample{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;align-items:center;gap:16px 24px;padding:16px 18px;border:1px dashed var(--gs-orange);border-radius:12px;background:var(--gs-orange-tint)}
.shell .gs-sample.is-compact{grid-template-columns:minmax(0,1fr) auto;max-width:560px;margin:14px auto 0;text-align:left}
.shell .gs-sample-head{display:flex;align-items:center;gap:12px;min-width:0}
.shell .gs-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--brand-navy,#081e5b);color:#fff;font-size:0.9375rem;font-weight:700;letter-spacing:.02em}
.shell[data-theme="dark"] .gs-avatar{background:#9db8ff;color:#0d1626}
.shell .gs-sample-name{margin:0;font-size:1rem;font-weight:700;color:var(--gs-ink)}
.shell .gs-sample-sub{margin:2px 0 0;font-size:0.875rem;color:var(--gs-muted)}
.shell .gs-sample-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--gs-orange-text);color:#fff;font-size:0.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.shell[data-theme="dark"] .gs-sample-pill{background:#ffb38a;color:#2a160b}
.shell .gs-sample-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.shell .gs-sample-facts li{display:grid;gap:2px}
.shell .gs-sample-facts strong{font-size:1.0625rem;color:var(--gs-ink)}
.shell .gs-sample-facts span{font-size:0.8125rem;color:var(--gs-muted)}
.shell .gs-sample-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.shell .gs-empty-sample{padding:4px 0 8px;color:var(--gs-text)}
.shell .gs-empty-sample>p{margin:10px 0 0;font-size:0.9375rem;color:var(--gs-muted)}
.shell .gs-empty-sample>button.secondary{margin-top:14px}
.shell .gs-live-card{display:flex;align-items:flex-start;gap:16px;margin:0 0 20px;padding:20px 22px;background:var(--gs-good-tint);border:1px solid var(--gs-good);border-radius:14px;color:var(--gs-text)}
.shell .gs-live-card .gs-live-icon{width:36px;height:36px}
.shell.shell .gs-live-card h2{margin:0 0 4px;font-size:1.25rem;color:var(--gs-ink)}
.shell .gs-live-card p{margin:0 0 12px;font-size:0.9375rem;line-height:1.5}
/* the sample applicant's dialog */
.gs-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(8,30,91,.45)}
.shell .gs-modal{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 48px);background:var(--gs-card);color:var(--gs-text);border-radius:16px;box-shadow:0 24px 60px rgba(8,30,91,.3);overflow:hidden}
.shell .gs-modal-head{display:flex;align-items:center;gap:14px;padding:20px 22px 8px}
.shell .gs-modal-who{flex:1;min-width:0}
.shell.shell .gs-modal h2{margin:0;font-size:1.375rem;line-height:1.25;color:var(--gs-ink)}
.shell .gs-modal-who p{margin:2px 0 0;font-size:0.875rem;color:var(--gs-muted)}
.shell.shell .gs-modal button.gs-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--gs-muted);cursor:pointer}
.shell.shell .gs-modal button.gs-icon-button:is(:hover,:focus-visible){background:var(--gs-tint);color:var(--gs-ink)}
.shell .gs-modal .gs-sample-note{margin:6px 22px 0;padding:10px 12px;border-radius:10px;background:var(--gs-orange-tint);color:var(--gs-orange-text);font-size:0.875rem;line-height:1.45}
.shell .gs-modal .gs-tabs{display:flex;gap:4px;margin:14px 22px 0;border-bottom:1px solid var(--gs-line);overflow-x:auto}
.shell.shell .gs-modal .gs-tabs button{flex:none;min-height:44px;padding:0 14px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--gs-muted);font:inherit;font-size:0.9375rem;font-weight:600;cursor:pointer}
.shell.shell .gs-modal .gs-tabs button.is-active{color:var(--gs-ink);border-bottom-color:var(--gs-orange)}
.shell.shell .gs-modal .gs-tabs button:focus-visible{outline:2px solid var(--gs-blue);outline-offset:-2px}
.shell .gs-modal .gs-tabpanel{flex:1;min-height:0;overflow:auto;padding:18px 22px 8px;font-size:0.9375rem;line-height:1.55}
.shell .gs-modal .gs-tabpanel p{margin:0 0 12px}
.shell.shell .gs-modal h3{margin:18px 0 8px;font-size:0.9375rem;font-weight:700;color:var(--gs-ink)}
.shell .gs-modal .gs-score-row{display:flex;gap:18px;align-items:flex-start}
.shell .gs-modal .gs-score{display:flex;align-items:baseline;justify-content:center;flex:none;width:96px;height:96px;padding-top:26px;box-sizing:border-box;border-radius:50%;background:conic-gradient(var(--gs-good) 0 86%,var(--gs-line) 86% 100%);position:relative}
.shell .gs-modal .gs-score::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--gs-card)}
.shell .gs-modal .gs-score>*{position:relative}
.shell .gs-modal .gs-score strong{font-size:1.875rem;line-height:1;color:var(--gs-ink)}
.shell .gs-modal .gs-score span{font-size:0.8125rem;color:var(--gs-muted)}
.shell .gs-modal .gs-verdict{margin:0 0 6px;font-weight:700;color:var(--gs-good)}
.shell .gs-modal .gs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.shell .gs-modal .gs-list{margin:0;padding-left:20px}
.shell .gs-modal .gs-list li{margin:4px 0}
.shell .gs-modal .gs-list-good li::marker{color:var(--gs-good)}
.shell .gs-modal .gs-list-watch li::marker{color:var(--gs-orange)}
.shell .gs-modal .gs-answer{padding:12px 14px;margin:0 0 10px;border:1px solid var(--gs-line);border-radius:10px;background:var(--gs-soft)}
.shell .gs-modal .gs-answer p{margin:0}
.shell .gs-modal .gs-q{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px!important;font-weight:600;color:var(--gs-ink)}
.shell .gs-modal .gs-answer-score{flex:none;font-size:0.8125rem;color:var(--gs-good)}
.shell .gs-modal .gs-traits{display:grid;gap:12px;margin:8px 0 12px;padding:0;list-style:none}
.shell .gs-modal .gs-traits li{display:grid;grid-template-columns:150px minmax(0,1fr) 32px;align-items:center;gap:12px}
.shell .gs-modal .gs-trait-name{font-weight:600;color:var(--gs-ink)}
.shell .gs-modal .gs-trait-bar{position:relative;height:10px;border-radius:999px;background:var(--gs-tint)}
.shell .gs-modal .gs-trait-range{position:absolute;top:0;bottom:0;border-radius:999px;background:rgba(6,118,71,.28)}
.shell[data-theme="dark"] .gs-modal .gs-trait-range{background:rgba(125,220,165,.35)}
.shell .gs-modal .gs-trait-dot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--gs-blue);border:2px solid var(--gs-card)}
.shell .gs-modal .gs-trait-score{text-align:right;font-weight:700;color:var(--gs-ink)}
.shell .gs-modal .gs-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:0.8125rem;color:var(--gs-muted)}
.shell .gs-modal .gs-legend-range{display:inline-block;width:22px;height:8px;border-radius:999px;background:rgba(6,118,71,.28)}
.shell .gs-modal .gs-legend-dot{display:inline-block;width:10px;height:10px;margin-left:10px;border-radius:50%;background:var(--gs-blue)}
.shell .gs-modal .gs-thread{display:grid;gap:10px;margin:0 0 14px;padding:0;list-style:none}
.shell .gs-modal .gs-thread li{max-width:78%;padding:10px 14px;border-radius:16px}
.shell .gs-modal .gs-thread li p{margin:0}
.shell .gs-modal .gs-thread li small{display:block;margin-top:4px;font-size:0.75rem;opacity:.8}
.shell .gs-modal .gs-thread li.is-them{justify-self:start;background:var(--gs-soft);border:1px solid var(--gs-line);border-bottom-left-radius:4px}
.shell .gs-modal .gs-thread li.is-you{justify-self:end;background:var(--brand-blue,#12308a);color:#fff;border-bottom-right-radius:4px}
.shell[data-theme="dark"] .gs-modal .gs-thread li.is-you{background:#2c4fb8}
.shell .gs-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--gs-line)}
@media (max-width:1180px){.shell .gs-panel .gs-grid{grid-template-columns:minmax(0,1fr)}.shell .gs-sample{grid-template-columns:minmax(0,1fr)}.shell .gs-sample-actions{justify-content:flex-start}}
@media (max-width:680px){
  .shell .gs-panel{padding:18px 16px;border-radius:12px}
  .shell.shell .gs-panel h2{font-size:1.375rem}
  .shell .gs-panel .gs-start{padding:16px}
  .shell .gs-panel .gs-fields{grid-template-columns:minmax(0,1fr)}
  .shell.shell .gs-panel .gs-actions button.primary,.shell.shell .gs-panel button.primary.gs-mic{width:100%;justify-content:center}
  .shell .gs-panel .gs-fields.gs-fields-industry{grid-template-columns:minmax(0,1fr)}
  .shell .gs-panel .gs-checklist{padding:16px}
  .shell .gs-sample-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .shell .gs-sample.is-compact{grid-template-columns:minmax(0,1fr)}
  .shell .gs-live-card{flex-direction:column;padding:18px 16px}
  .gs-modal-backdrop{align-items:flex-end;padding:0}
  .shell .gs-modal{width:100%;max-height:92vh;border-radius:16px 16px 0 0}
  .shell .gs-modal-head{padding:16px 16px 6px}
  .shell .gs-modal .gs-sample-note,.shell .gs-modal .gs-tabs{margin-left:16px;margin-right:16px}
  .shell .gs-modal .gs-tabpanel{padding:14px 16px 6px}
  .shell .gs-modal .gs-two{grid-template-columns:minmax(0,1fr)}
  .shell .gs-modal .gs-score-row{flex-direction:column}
  .shell .gs-modal .gs-traits li{grid-template-columns:minmax(0,1fr) 32px}
  .shell .gs-modal .gs-trait-bar{grid-column:1/-1;grid-row:2}
  .shell .gs-modal-foot{padding:12px 16px 16px}
  .shell .gs-modal-foot button{flex:1}
}

/* Free trial (Oct 25, C3d; billing-admin's C3D-SPEC.md; src/0397-hrgpBilling.js). 1. The slim bar above every signed-in page: "Free trial: N days left · Add a card",
   orange when the trial ended, the account is locked or a charge failed; × hides it for the browser session. 2. /app/payment's "Start your 14-day free trial"
   card in HRGP style (badge, title, Brad's words, one full-width button), with no "Trialing" pill. */
.shell .hrgp-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;max-width:1282px;margin:16px max(44px,calc((100% - 1370px)/2 + 44px)) 0;padding:8px 8px 8px 16px;border:1px solid #cdd8f5;border-radius:10px;background:var(--brand-blue-tint,#edf2ff);color:var(--brand-navy,#081e5b);font-size:0.875rem;line-height:1.4}
.shell .hrgp-trial-banner.is-warning{border-color:#ffc9a8;background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00)}
.shell .hrgp-trial-banner p{margin:0;min-width:0}
.shell .hrgp-trial-banner strong{font-weight:700}
.shell .hrgp-trial-banner-dot{margin:0 8px;opacity:.6}
.shell .hrgp-trial-banner a{font-weight:700;color:var(--brand-blue,#12308a);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.shell .hrgp-trial-banner.is-warning a{color:var(--brand-orange-text,#b93c00)}
.shell .hrgp-trial-banner-note{color:inherit;opacity:.85}
.shell.shell .hrgp-trial-banner button.hrgp-trial-banner-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75}
.shell.shell .hrgp-trial-banner button.hrgp-trial-banner-close:is(:hover,:focus-visible){opacity:1;background:rgba(8,30,91,.08)}
.shell[data-theme="dark"] .hrgp-trial-banner{border-color:#344153;background:#1d2a44;color:#dce6f4}
.shell[data-theme="dark"] .hrgp-trial-banner a{color:#9db8ff}
.shell[data-theme="dark"] .hrgp-trial-banner.is-warning{border-color:#6b3a22;background:#3a2a22;color:#ffb38a}
.shell[data-theme="dark"] .hrgp-trial-banner.is-warning a{color:#ffb38a}
@media (max-width:1100px){.shell .hrgp-trial-banner{margin:14px 25px 0}}
@media (max-width:680px){.shell .hrgp-trial-banner{margin:12px 16px 0;padding:6px 6px 6px 12px;font-size:0.8125rem}.shell .hrgp-trial-banner p{display:flex;flex-wrap:wrap;column-gap:8px}.shell .hrgp-trial-banner-dot{display:none}}
.hrgp-billing.hrgp-billing .panel.hrgp-trialpage{box-sizing:border-box;max-width:560px;margin:48px auto 0;padding:32px 32px 28px;border:1px solid var(--hrgp-line,#dce3ef);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(8,30,91,.05),0 10px 30px rgba(8,30,91,.08);color:#263551}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-badge{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00);font-size:0.75rem;font-weight:700;letter-spacing:.08em}
.hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage h2{margin:0 0 10px;font-size:1.625rem;line-height:1.2;font-weight:700;color:var(--brand-navy,#081e5b)}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-lead{margin:0 0 16px;font-size:1rem;line-height:1.55;color:#33456b}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-points{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-points li{position:relative;padding-left:28px;font-size:0.9375rem;color:#263551}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-points li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#067647 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-option{display:grid;gap:10px;margin-top:8px}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-option+.hrgp-trialpage-option{margin-top:20px;padding-top:18px;border-top:1px solid var(--hrgp-line,#dce3ef)}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-option p{margin:0;font-size:0.875rem;color:#52627f}
.hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage :is(button,a).hrgp-trialpage-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 20px;border:0;border-radius:10px;background:var(--brand-blue,#12308a);color:#fff;font:inherit;font-size:1rem;font-weight:700;text-decoration:none;opacity:1;cursor:pointer;box-sizing:border-box}
.hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage :is(button,a).hrgp-trialpage-go:is(:hover,:focus-visible){background:var(--brand-navy,#081e5b)}
.hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage button.hrgp-trialpage-go:disabled{opacity:.6;cursor:progress}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-card{padding:12px;border:1px solid var(--hrgp-line,#dce3ef);border-radius:10px;min-height:20px}
.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-error{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#b42318;font-size:0.875rem}
.shell[data-theme="dark"] .hrgp-billing.hrgp-billing.hrgp-billing .panel.hrgp-trialpage{background:#192333;border-color:#344153;color:#dce6f4}
.shell[data-theme="dark"] .hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage :is(h2,.hrgp-trialpage-lead,.hrgp-trialpage-points li){color:#dce6f4}
.shell[data-theme="dark"] .hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage .hrgp-trialpage-badge{background:#3a2a22;color:#ffb38a}
@media (max-width:680px){.hrgp-billing.hrgp-billing .panel.hrgp-trialpage{padding:24px 18px 20px;border-radius:14px}.hrgp-billing.hrgp-billing.hrgp-billing .hrgp-trialpage h2{font-size:1.375rem}}
/* Settings: "Trial emails", HRGP system admins only (Oct 25, C3d) */
.shell .hrgp-tools-hub .heading a.hrgp-settings-admin-link{align-self:center;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--hrgp-line,#dce3ef);border-radius:10px;background:#fff;color:var(--brand-blue,#12308a);font-size:0.875rem;font-weight:600;text-decoration:none}
.shell[data-theme="dark"] .hrgp-tools-hub .heading a.hrgp-settings-admin-link{background:#192333;border-color:#344153;color:#9db8ff}
/* After publishing a new job (Oct 25, C3d; Brad): "Next: send it out with JobTarget — Organic sites are free." with a link to the Publishing tab */
.shell .jobs-content .job-jt-next{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0;padding:12px 16px;border:1px solid #cdd8f5;border-radius:10px;background:var(--brand-blue-tint,#edf2ff);color:var(--brand-navy,#081e5b);font-size:0.9375rem;font-weight:600}
.shell.shell .jobs-content button.job-jt-next-go{min-height:36px;padding:0 14px;border:1px solid var(--brand-blue,#12308a);border-radius:8px;background:var(--brand-blue,#12308a);color:#fff;font:inherit;font-size:0.875rem;font-weight:600;opacity:1;cursor:pointer}
.shell[data-theme="dark"] .jobs-content .job-jt-next{border-color:#344153;background:#1d2a44;color:#dce6f4}
.shell.shell .hrgp-trial-banner button.hrgp-trial-banner-retry{flex:none;min-height:32px;padding:0 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:0.8125rem;font-weight:700;cursor:pointer}

/* Applicant drawer redesign (Oct 25; Brad: "build it"; src/0355-t0.js, 0355a-hrgpDrawerParts.js). Top to bottom: the name with a NEW pill and one line
   "Job · Applied … · via …"; tag chips with a dashed "+ Add tag" chip that opens the tag editor in place; one row of four equal contact buttons; the next-step box
   (where the applicant is, what comes next, ONE primary button, and "More ▾" with every other action); then the tabs. HRGP blue and orange; a dark set. */
.applicant-drawer{--dr-ink:var(--brand-navy,#081e5b);--dr-text:#263551;--dr-muted:#52627f;--dr-line:var(--hrgp-line,#dce3ef);--dr-card:#fff;--dr-soft:#f6f8fd;--dr-blue:var(--brand-blue,#12308a);--dr-tint:var(--brand-blue-tint,#edf2ff)}
.shell[data-theme="dark"] .applicant-drawer{--dr-ink:#f0f4fa;--dr-text:#dce6f4;--dr-muted:#a9b8d3;--dr-line:#344153;--dr-card:#192333;--dr-soft:#121b29;--dr-blue:#9db8ff;--dr-tint:#26324a}
.applicant-drawer .drawer-identity{display:flex;align-items:flex-start;gap:14px}
.applicant-drawer .drawer-identity-text{min-width:0}
.applicant-drawer.applicant-drawer .drawer-identity h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:1.125rem;line-height:1.3;color:var(--dr-ink)} /* the house h2 size (test-oct23-typography) */
/* NEW: the Applicants list's pill (Brad): a fixed 34 × 16 italic pill on its own line under the name */
.applicant-drawer .drawer-new-pill{display:block;flex:none;box-sizing:border-box;width:34px;height:16px;margin:0;border-radius:999px;background:#d92d20;color:#fff;font-size:0.625rem;font-style:italic;font-weight:700;line-height:16px;letter-spacing:.04em;text-align:center}
.applicant-drawer.applicant-drawer button.drawer-next-reminder{display:block;margin:4px 0 0;padding:0;border:0;background:none;color:var(--dr-blue);font:inherit;font-size:0.8125rem;font-weight:600;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.applicant-drawer.applicant-drawer button.drawer-next-reminder span{color:var(--dr-muted);font-weight:500}
.applicant-drawer.applicant-drawer button.drawer-next-reminder.is-overdue,.applicant-drawer.applicant-drawer button.drawer-next-reminder.is-overdue span{color:#b42318}
.shell[data-theme="dark"] .applicant-drawer.applicant-drawer button.drawer-next-reminder.is-overdue{color:#ffb4ab}
.applicant-drawer.applicant-drawer button.drawer-next-reminder:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.applicant-drawer .interview-mode{margin:6px 0 12px;padding:8px 12px;border-radius:10px;background:var(--dr-tint);color:var(--dr-ink);font-size:0.875rem}
.applicant-drawer a.hire-paperwork-link{display:inline-flex;align-items:center;text-decoration:none}
.applicant-drawer .drawer-meta{margin:3px 0 0;font-size:0.875rem;line-height:1.45;color:var(--dr-muted);overflow-wrap:anywhere}
.applicant-drawer .drawer-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.applicant-drawer .drawer-tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--dr-tint);color:var(--dr-ink);font-size:0.8125rem;font-weight:600}
.applicant-drawer.applicant-drawer button.drawer-tag-add{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px dashed var(--dr-muted);border-radius:999px;background:transparent;color:var(--dr-blue);font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer}
.applicant-drawer.applicant-drawer button.drawer-tag-add:is(:hover,:focus-visible){border-style:solid;border-color:var(--dr-blue)}
.applicant-drawer .drawer-tag-picker{margin:10px 0 0;padding:12px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-soft)}
.applicant-drawer .drawer-tag-picker .annotations.is-compact{margin:0}
.applicant-drawer .applicant-contact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 0}
.applicant-drawer .contact-split{position:relative;display:flex;min-width:0}
.applicant-drawer.applicant-drawer .applicant-contact-row button.contact-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:8px 4px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer}
.applicant-drawer.applicant-drawer .applicant-contact-row button:is(:hover,:focus-visible){border-color:var(--dr-blue);color:var(--dr-blue);background:var(--dr-tint)}
/* Oct 26 C3j: "Voice call" / "Email" split buttons: the main part and a narrow arrow joined into one control */
.applicant-drawer.applicant-drawer .contact-split .drawer-split{display:flex}
.applicant-drawer.applicant-drawer .contact-split:has(.drawer-split) button.contact-main{border-top-right-radius:0;border-bottom-right-radius:0}
.applicant-drawer.applicant-drawer .applicant-contact-row button.drawer-split-button{width:26px;min-height:58px;padding:0;border:1px solid var(--dr-line);border-left:0;border-radius:0 12px 12px 0;background:var(--dr-card);color:var(--dr-ink);font-size:0.75rem;cursor:pointer}
.applicant-drawer .drawer-split-menu{position:absolute;top:calc(100% + 6px);z-index:30;display:grid;min-width:240px;padding:6px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card);box-shadow:0 12px 32px rgba(8,30,91,.18)}
.applicant-drawer .opens-right .drawer-split-menu{left:0}
.applicant-drawer .opens-left .drawer-split-menu{right:0}
.applicant-drawer .drawer-split-menu[hidden]{display:none}
.applicant-drawer .drawer-split-info{padding:8px 12px 10px;font-size:1rem;font-weight:700;color:var(--dr-ink);overflow-wrap:anywhere;border-bottom:1px solid var(--dr-line);margin:0 0 4px}
.applicant-drawer.applicant-drawer .applicant-contact-row button.drawer-split-item{display:block;width:100%;min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--dr-text);font:inherit;font-size:0.875rem;font-weight:500;text-align:left;cursor:pointer}
.applicant-drawer.applicant-drawer .applicant-contact-row button.drawer-split-item:is(:hover,:focus):not(:disabled){outline:none;background:var(--dr-tint);color:var(--dr-ink)}
.applicant-drawer.applicant-drawer .applicant-contact-row button.drawer-split-item:disabled{color:var(--dr-muted);cursor:default}
.applicant-drawer .contact-copied{margin:6px 0 0;font-size:0.8125rem;color:var(--dr-muted)}
/* Oct 26 C3k: Edit number / Edit email in place, at the top of the ▾ menu: the field, then Save (full colour once the value changed) and Cancel */
.applicant-drawer .drawer-split-saved{display:block;margin:4px 0 0;font-size:0.8125rem;font-weight:600;color:#067647}
.applicant-drawer .contact-edit{display:grid;gap:8px;font-weight:400}
.applicant-drawer .contact-edit input{box-sizing:border-box;width:100%;min-height:40px;padding:0 12px;border:1px solid var(--dr-blue);border-radius:10px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:1rem;font-weight:600}
.applicant-drawer .contact-edit input[aria-invalid="true"]{border-color:#b42318}
.applicant-drawer .contact-edit-actions{display:flex;gap:8px}
.applicant-drawer.applicant-drawer .applicant-contact-row .contact-edit-actions button{min-height:38px;padding:0 16px;border-radius:10px;font:inherit;font-size:0.875rem;font-weight:700;cursor:pointer;opacity:1}
.applicant-drawer.applicant-drawer .applicant-contact-row .contact-edit-actions .contact-edit-save{border:1px solid #12308a;background:#12308a;color:#fff}
.applicant-drawer.applicant-drawer .applicant-contact-row .contact-edit-actions .contact-edit-save:disabled{border-color:var(--dr-line);background:var(--dr-soft);color:var(--dr-muted);cursor:default}
.applicant-drawer.applicant-drawer .applicant-contact-row .contact-edit-actions .contact-edit-cancel{border:1px solid var(--dr-line);background:var(--dr-card);color:var(--dr-ink)}
.applicant-drawer .contact-edit-error{margin:0;font-size:0.8125rem;font-weight:600;color:#b42318}
.applicant-drawer .contact-edit-note{margin:0;font-size:0.8125rem;color:var(--dr-muted)}
.applicant-drawer .drawer-split-menu:has(.contact-edit){min-width:420px}
/* Status as a pill beside the name; Hiring steps' heading carries "step N of M" and the More menu; "Skip" shown, not wired yet */
.applicant-drawer .drawer-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.applicant-drawer .drawer-status-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 10px;border-radius:999px;background:var(--dr-tint);color:var(--dr-ink);font-size:0.75rem;font-weight:600}
.applicant-drawer .hiring-steps-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}
.applicant-drawer .hiring-steps-head h3{margin:0}
.applicant-drawer.applicant-drawer button.step-skip:disabled{opacity:.55;cursor:default}
/* Oct 26 C3l: [Complete] [Skip] on their own row; on narrow screens the step's badges go under its title (no mid-word breaks); the Skip confirm;
   the neutral "Skipped" chip */
.applicant-drawer .step-primary-row{flex-basis:100%;display:flex;gap:6px}
.applicant-drawer .hiring-step-name strong{overflow-wrap:break-word}
@media (max-width:600px){.applicant-drawer .hiring-step-head{flex-wrap:wrap}.applicant-drawer .hiring-step-badges{order:-1;flex-basis:100%}}
.applicant-drawer .step-list .step-chip.skipped{color:#4b5a70;background:#eef1f5;font-style:italic}
.applicant-drawer .skip-confirm{flex-basis:100%;display:grid;gap:8px;margin:4px 0 0;padding:12px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card)}
.applicant-drawer .skip-confirm strong{font-size:0.9375rem;color:var(--dr-ink)}
.applicant-drawer .skip-confirm p{margin:0;font-size:0.8125rem;color:var(--dr-text)}
.applicant-drawer .skip-confirm label{display:grid;gap:4px;font-size:0.875rem;font-weight:600;color:var(--dr-ink)}
.applicant-drawer .skip-confirm textarea{box-sizing:border-box;width:100%;padding:8px 10px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:0.9375rem;font-weight:400;resize:vertical}
.applicant-drawer .skip-confirm .skip-count{justify-self:end;font-size:0.75rem;color:var(--dr-muted)}
.applicant-drawer .skip-confirm .skip-msg{color:var(--dr-muted)}
.applicant-drawer .skip-actions{display:flex;justify-content:flex-end;gap:8px}
.applicant-drawer.applicant-drawer .skip-actions button{min-height:38px;padding:0 16px;border-radius:10px;font:inherit;font-size:0.875rem;font-weight:700;cursor:pointer;border:1px solid var(--dr-line);background:var(--dr-card);color:var(--dr-ink);opacity:1}
.applicant-drawer.applicant-drawer .skip-actions .skip-send{border-color:#12308a;background:#12308a;color:#fff}
.applicant-drawer.applicant-drawer .skip-actions .skip-send:disabled{border-color:var(--dr-line);background:var(--dr-soft);color:var(--dr-muted);cursor:default}
.applicant-drawer.applicant-drawer button.next-step-move{min-height:40px;padding:0 16px;border:1px solid var(--brand-blue,#12308a);border-radius:10px;background:var(--brand-blue,#12308a);color:#fff;font:inherit;font-size:0.875rem;font-weight:700;opacity:1;cursor:pointer}
.applicant-drawer.applicant-drawer button.next-step-move:disabled{opacity:.6;cursor:progress}
.applicant-drawer .drawer-more{position:relative}
.applicant-drawer.applicant-drawer button.drawer-more-button{min-height:40px;padding:0 14px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:0.875rem;font-weight:600;cursor:pointer}
.applicant-drawer.applicant-drawer button.drawer-more-button[aria-expanded="true"],.applicant-drawer.applicant-drawer button.drawer-more-button:focus-visible{border-color:var(--dr-blue)}
.applicant-drawer .drawer-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;min-width:240px;padding:6px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card);box-shadow:0 12px 32px rgba(8,30,91,.18)}
.applicant-drawer.applicant-drawer .drawer-more-item{display:block;width:100%;min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--dr-text);font:inherit;font-size:0.875rem;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.applicant-drawer.applicant-drawer .drawer-more-item:is(:hover,:focus){outline:none;background:var(--dr-tint);color:var(--dr-ink)}
.applicant-drawer.applicant-drawer .drawer-more-item.is-danger{color:#b42318;font-weight:600}
.shell[data-theme="dark"] .applicant-drawer.applicant-drawer .drawer-more-item.is-danger{color:#ffb4ab}
.applicant-drawer .drawer-more-divider{height:1px;margin:6px 4px;background:var(--dr-line)}
.applicant-drawer .resume-file{margin:0 0 12px}
.applicant-drawer .resume-file a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--dr-line);border-radius:10px;color:var(--dr-blue);font-weight:600;text-decoration:none}
@media (max-width:600px){
  .applicant-drawer .applicant-contact-row{gap:6px}
  .applicant-drawer.applicant-drawer .applicant-contact-row button.contact-main{min-height:54px;font-size:0.75rem}
  .applicant-drawer.applicant-drawer .applicant-contact-row button.drawer-split-button{width:22px;min-height:54px}
  /* phones: the ▾ menus use the action row's full width */
  .applicant-drawer .applicant-contact-row{position:relative}
  .applicant-drawer .contact-split{position:static}
  .applicant-drawer .opens-right .drawer-split-menu,.applicant-drawer .opens-left .drawer-split-menu,.applicant-drawer .drawer-split-menu:has(.contact-edit){left:0;right:0;min-width:0}
  .applicant-drawer .drawer-more-menu{right:0;left:auto;max-width:calc(100vw - 48px)}
}
.applicant-drawer .interview-link-option{display:grid;gap:8px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-soft)}
.applicant-drawer .interview-link-option .interview-mode{margin:0}
.applicant-drawer .interview-link-option label{display:grid;gap:4px;font-size:0.875rem;font-weight:600;color:var(--dr-ink)}
.applicant-drawer .interview-link-option button.interview-link-send{justify-self:start}
.applicant-drawer .interview-link-option button.interview-link-open{justify-self:start}
.applicant-drawer .interview-link-option p{margin:0}
.applicant-drawer .interview-link-actions{display:flex;flex-wrap:wrap;gap:8px}
.applicant-drawer .interview-or{margin:4px 0 0;font-size:0.8125rem;color:var(--dr-muted)}
.applicant-drawer .interview-mode a{font-weight:700;color:var(--dr-blue)}
.applicant-drawer .drawer-more-menu[hidden]{display:none}
/* Oct 26 C3m: Settings → Users & Permissions, one row per person; "Can sign in" (the account) apart from "Use this role" (a role row) */
.shell .hrgp-users-table .hrgp-user-name{display:block;font-weight:700;color:var(--brand-navy,#081e5b)}
.shell .hrgp-user-email{display:block;margin-top:2px;font-size:0.8125rem;color:#52627f;overflow-wrap:anywhere}
.shell .hrgp-user-email-top{margin:-6px 0 14px;font-size:0.875rem}
.shell .hrgp-user-muted{color:#6b7891;font-size:0.8125rem}
.shell .hrgp-signin{font-weight:700}
.shell .hrgp-signin.is-yes{color:#17643f}
.shell .hrgp-signin.is-no{color:#b42318}
.shell .hrgp-signin-why{font-weight:500}
.shell .hrgp-user-access{display:grid;gap:14px;grid-column:1/-1}
.shell .hrgp-user-row{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--brand-line,#dce3ef);border-radius:12px;background:#fff}
.shell.shell .hrgp-user-row p.hrgp-user-help{margin:0;font-size:0.8125rem;color:#52627f}
.shell.shell .hrgp-user-row p.hrgp-user-off{margin:0;font-size:0.875rem;font-weight:600;color:#b42318}
.shell .hrgp-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.shell .hrgp-switch input{position:absolute;opacity:0;width:1px;height:1px}
.shell .hrgp-switch-track{position:relative;flex:none;width:40px;height:22px;border-radius:999px;background:#c6cfdd;transition:background .15s}
.shell .hrgp-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(8,30,91,.3);transition:left .15s}
.shell .hrgp-switch input:checked+.hrgp-switch-track{background:#17643f}
.shell .hrgp-switch input:checked+.hrgp-switch-track::after{left:21px}
.shell .hrgp-switch input:focus-visible+.hrgp-switch-track{outline:2px solid var(--brand-blue,#12308a);outline-offset:2px}
.shell .hrgp-switch strong{font-size:0.9375rem;color:var(--brand-navy,#081e5b)}
.shell[data-theme="dark"] .hrgp-user-row{background:transparent}
/* Oct 27 hiring process (Brad: "The text is too big. They're not stylized like everything else"): Hiring steps sized like the rest of the drawer;
   every step button the same small outlined style (Complete no longer solid); the "will skip" warning; the top row's bell, Hire, Reject and edit pencil */
.applicant-drawer .step-list li.hiring-step{padding:8px 10px}
.applicant-drawer.applicant-drawer .step-list .hiring-step-name strong{font-size:0.9375rem;font-weight:600;line-height:1.35;color:var(--dr-ink)}
.applicant-drawer.applicant-drawer .step-list .step-kind{font-size:0.75rem!important;font-weight:500;letter-spacing:0;color:var(--dr-muted)}
.applicant-drawer.applicant-drawer .step-list .step-chip,.applicant-drawer.applicant-drawer .step-list .step-current{padding:1px 8px;font-size:0.6875rem!important;font-weight:600}
.applicant-drawer.applicant-drawer button.step-action,.applicant-drawer.applicant-drawer button.next-step-move{min-height:32px;margin:0;padding:0 12px;border:1px solid var(--dr-line);border-radius:8px;background:var(--dr-card);color:var(--dr-blue);font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer;opacity:1}
.applicant-drawer.applicant-drawer button.step-action:is(:hover,:focus-visible):not(:disabled){border-color:var(--dr-blue);background:var(--dr-tint)}
.applicant-drawer.applicant-drawer button.step-action:disabled{opacity:.6;cursor:default}
.applicant-drawer .jump-confirm .jump-list{display:grid;gap:2px}.applicant-drawer.applicant-drawer .jump-confirm .jump-list p{margin:0 0 0 4px;font-size:0.875rem}
.applicant-drawer.applicant-drawer .step-list .skip-confirm strong{font-size:0.9375rem;font-weight:700;line-height:1.35}
.applicant-drawer .drawer-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.applicant-drawer .drawer-identity-text{flex:1 1 260px;min-width:0}
.applicant-drawer .drawer-decisions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.applicant-drawer.applicant-drawer button.drawer-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dr-muted);cursor:pointer}
.applicant-drawer.applicant-drawer button.drawer-icon-button:is(:hover,:focus-visible){border-color:var(--dr-line);color:var(--dr-blue);background:var(--dr-tint)}
.applicant-drawer.applicant-drawer button.drawer-decision{min-height:36px;padding:0 14px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:0.875rem;font-weight:600;cursor:pointer}
.applicant-drawer.applicant-drawer button.drawer-decision:is(:hover,:focus-visible){border-color:var(--dr-blue);background:var(--dr-tint)}
.applicant-drawer.applicant-drawer button.drawer-decision.is-danger{border-color:#f0b4ae;color:#b42318}
.shell[data-theme="dark"] .applicant-drawer.applicant-drawer button.drawer-decision.is-danger{border-color:#7a3a35;color:#ffb4ab}
.applicant-drawer .resume-request-row{margin:0 0 12px}
.applicant-drawer .no-steps-actions{margin:0 0 12px}
/* Oct 27 side panel tabs (Brad's approved spec): ratings line in the head; Résumé tab as cards like the Profile tab */
.applicant-drawer .drawer-ratings{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:6px 0 0;font-size:0.875rem;color:var(--dr-muted)}
.applicant-drawer .drawer-ratings strong{color:var(--dr-ink);font-weight:700}
.applicant-drawer .drawer-ai-match{cursor:help}
.applicant-drawer .drawer-my-rating{display:inline-flex;align-items:center;gap:6px}
.applicant-drawer .drawer-ratings .rating-stars{display:inline-flex;gap:0;margin:0}
.applicant-drawer.applicant-drawer .drawer-ratings .rating-stars button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;padding:0;border:0;background:transparent;color:var(--dr-muted);cursor:pointer}
.applicant-drawer.applicant-drawer .drawer-ratings .rating-stars button.selected{color:#e0a100}
.applicant-drawer.applicant-drawer .drawer-ratings .rating-stars button:is(:hover,:focus-visible):not(:disabled){color:#e0a100}
.applicant-drawer.applicant-drawer .drawer-ratings .rating-stars button:disabled{cursor:default}
.applicant-drawer .drawer-rating-note{font-size:0.75rem;color:var(--dr-muted)}
.applicant-drawer .resume-file{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.applicant-drawer.applicant-drawer .resume-file button.step-action{min-height:40px;border-radius:10px;font-size:0.875rem}
.applicant-drawer .parsed-resume{display:grid;gap:10px;margin:0}
.applicant-drawer .parsed-resume>div{margin:0;padding:12px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card)}
.applicant-drawer .parsed-resume dt{margin:0 0 6px;font-size:0.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--dr-muted)}
.applicant-drawer .parsed-resume dd{margin:0;font-size:0.875rem;line-height:1.45;color:var(--dr-text);overflow-wrap:anywhere}
.applicant-drawer .parsed-resume :is(.experience-list,.education-list,.resume-skills){margin:0;padding:0;list-style:none}
.applicant-drawer .parsed-resume :is(.experience-list,.education-list)>li{display:grid;gap:2px;padding:6px 0;border-top:1px solid var(--dr-line)}
.applicant-drawer .parsed-resume :is(.experience-list,.education-list)>li:first-child{padding-top:0;border-top:0}
.applicant-drawer .parsed-resume :is(.experience-list,.education-list) strong{font-size:0.9375rem;font-weight:600;color:var(--dr-ink)}
.applicant-drawer .parsed-resume :is(.experience-meta,small){font-size:0.8125rem;color:var(--dr-muted)}
.applicant-drawer .parsed-resume .resume-skills{display:flex;flex-wrap:wrap;gap:6px}
.applicant-drawer .parsed-resume .resume-skills li{padding:2px 10px;border-radius:999px;background:var(--dr-tint);color:var(--dr-ink);font-size:0.8125rem}
.applicant-drawer details.resume-text{margin:12px 0 0;padding:10px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-soft)}
.applicant-drawer details.resume-text summary{cursor:pointer;font-size:0.875rem;font-weight:600;color:var(--dr-blue)}
.applicant-drawer details.resume-text pre{margin:10px 0 0;white-space:pre-wrap;font:inherit;font-size:0.875rem;line-height:1.5;color:var(--dr-text)}
/* Oct 27 side panel tabs: Notes tab (one note box, a row with Attach file / Private / Save, search, then note cards) */
.applicant-drawer .drawer-notes{display:grid;gap:10px}
.applicant-drawer .drawer-notes .note-composer{display:grid;gap:8px;margin:0;padding:12px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-soft)}
.applicant-drawer.applicant-drawer .drawer-notes .note-composer textarea{box-sizing:border-box;width:100%;min-height:72px;padding:10px 12px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-card);color:var(--dr-ink);font:inherit;font-size:0.9375rem;resize:vertical}
.applicant-drawer.applicant-drawer .drawer-notes .note-composer textarea:focus{outline:none;border-color:var(--dr-blue)}
.applicant-drawer .drawer-notes .note-composer-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.applicant-drawer .drawer-notes .note-file-picker{position:relative;display:inline-flex;align-items:center;margin:0;cursor:pointer;color:var(--dr-blue);font-size:0.875rem;font-weight:600}
.applicant-drawer .drawer-notes .note-file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}
.applicant-drawer .drawer-notes .note-file-button{display:inline-flex;align-items:center;gap:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dr-blue)}
.applicant-drawer .drawer-notes .note-private-check{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:0.875rem;font-weight:500;color:var(--dr-text);cursor:pointer}
.applicant-drawer.applicant-drawer .drawer-notes button.note-save{margin-left:auto;min-height:36px;padding:0 18px;border:1px solid var(--dr-blue);border-radius:10px;background:var(--dr-blue);color:#fff;font:inherit;font-size:0.875rem;font-weight:700;cursor:pointer}
.shell[data-theme="dark"] .applicant-drawer.applicant-drawer .drawer-notes button.note-save{color:#0d1626}
.applicant-drawer.applicant-drawer .drawer-notes button.note-save:disabled{border-color:var(--dr-line);background:var(--dr-card);color:var(--dr-muted);cursor:default}
.applicant-drawer .drawer-notes .note-save-status{margin:0;font-size:0.8125rem;color:var(--dr-muted)}
.applicant-drawer .drawer-notes .note-search{display:flex;align-items:center;gap:8px;margin:4px 0 0;padding:0 12px;min-height:38px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-card);color:var(--dr-muted)}
.applicant-drawer.applicant-drawer .drawer-notes .note-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--dr-ink);font:inherit;font-size:0.875rem;outline:none}
.applicant-drawer.applicant-drawer .drawer-notes .note-card{display:grid;gap:6px;margin:0;padding:12px 14px;border:1px solid var(--dr-line);border-radius:12px;background:var(--dr-card);box-shadow:none}
.applicant-drawer .drawer-notes .note-card-head{display:flex;align-items:center;gap:8px;min-width:0}
.applicant-drawer.applicant-drawer .drawer-notes .note-card-head small{font-size:0.8125rem!important;color:var(--dr-muted)}
.applicant-drawer.applicant-drawer .drawer-notes .note-visibility.private{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:999px;background:var(--dr-tint);color:var(--dr-ink);font-size:0.6875rem;font-weight:600}
.applicant-drawer.applicant-drawer .drawer-notes .note-delete{margin-left:auto;padding:2px 6px;border:0;background:transparent;color:var(--dr-muted);font:inherit;font-size:0.75rem!important;cursor:pointer}
.applicant-drawer.applicant-drawer .drawer-notes .note-delete:is(:hover,:focus-visible):not(:disabled){color:#b42318}
.applicant-drawer.applicant-drawer .drawer-notes .note-title{font-size:0.9375rem;font-weight:600;color:var(--dr-ink)}
.applicant-drawer.applicant-drawer .drawer-notes .note-card p{margin:0;font-size:0.875rem!important;line-height:1.45;color:var(--dr-text);white-space:pre-wrap;overflow-wrap:anywhere}
.applicant-drawer .drawer-notes .note-attachments{display:flex;flex-wrap:wrap;gap:6px}
.applicant-drawer.applicant-drawer .drawer-notes .note-attachment-download{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--dr-line);border-radius:8px;background:var(--dr-soft);color:var(--dr-blue);font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer}
.applicant-drawer.applicant-drawer .drawer-notes .note-attach-action{justify-self:start;display:inline-flex;align-items:center;gap:4px;position:relative;font-size:0.8125rem;color:var(--dr-blue);cursor:pointer}
.applicant-drawer .drawer-notes .note-attach-action input{position:absolute;inset:0;opacity:0;cursor:pointer}
.applicant-drawer.applicant-drawer .drawer-notes button.note-show-more{justify-self:center;padding:6px 12px;border:0;background:transparent;color:var(--dr-blue);font:inherit;font-size:0.875rem;font-weight:600;cursor:pointer}
.applicant-drawer .drawer-notes .annotation-empty{padding:16px;text-align:center;font-size:0.875rem;color:var(--dr-muted)}
/* Oct 27 side panel tabs: "View…" result buttons on hiring steps, and the Results list for results with no matching step */
.applicant-drawer .step-results{display:grid;gap:6px;margin:6px 0 0}
.applicant-drawer .step-result{display:grid;gap:6px;justify-items:start}
.applicant-drawer .step-result-body{justify-self:stretch;margin:2px 0 4px;padding:10px 12px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-soft)}
.applicant-drawer .step-result-body .applicant-results>:first-child{margin-top:0}
.applicant-drawer .step-results-rest{display:grid;gap:8px;margin:14px 0 0}
.applicant-drawer .step-results-rest h3{margin:0;font-size:0.9375rem;font-weight:600;color:var(--dr-ink)}
.applicant-drawer.applicant-drawer .drawer-notes :is(.note-file-button,.note-attach-action,.note-file-picker){text-transform:none;letter-spacing:0}
.applicant-drawer.applicant-drawer .drawer-notes .note-file-button{padding:0;border:0;background:transparent;min-height:0;font-size:0.875rem}
.applicant-drawer.applicant-drawer .parsed-resume .experience-list>li{position:static;margin:0;padding-left:0;border-left:0}
.applicant-drawer.applicant-drawer .parsed-resume .experience-list>li::before,.applicant-drawer.applicant-drawer .parsed-resume .experience-list::before{content:none;display:none}
.applicant-drawer.applicant-drawer .resume-file a{min-height:40px;font-size:0.875rem;font-weight:600}
.applicant-drawer.applicant-drawer .step-result-body{padding:0;border:0;background:transparent}
.applicant-drawer.applicant-drawer .step-result-body .results-form summary strong{font-size:0.9375rem}