html:has(body.automotive-company) { overflow-x: visible; }
body.automotive-company { overflow-x: visible; }
.automotive-company .wrap { width: 100%; max-width: 1280px; padding: 24px 32px calc(32px + var(--office-navigation-height) + var(--office-company-rail-height)); min-width: 0; overflow-wrap: anywhere; }
.automotive-company .wrap > * { min-width: 0; max-width: 100%; }
.automotive-company :is(.grid, .grid3, .row) { gap: 16px; }
.automotive-company :is(.grid, .grid3) > * { min-width: 0; }
.automotive-company .hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  margin: 0 0 24px;
  padding: 0 0 20px;
  min-height: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--border);
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.automotive-company .hero::after { display: none; }
.automotive-company .hero h1 { margin: 0; font-size: 28px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.automotive-company .hero > p { grid-column: 1; margin: 0; font-size: 14px; line-height: 1.6; }
.automotive-company .hero > .actions { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-content: flex-end; margin: 0; }
.automotive-company .hero > .notice { grid-column: 1 / -1; }
.automotive-company .hero > div:not(.actions) { min-width: 0; }
.automotive-company .card { padding: 16px; border-radius: 8px; border-color: var(--border); box-shadow: none; background: #fff; }
.automotive-company .card[href]:hover { transform: none; background: #fafcfd; border-color: #bcc8d0; box-shadow: var(--shadow2); }
.automotive-company :is(.card h1, .card h2) { font-size: 18px; font-weight: 650; margin-bottom: 12px; line-height: 1.4; }
.automotive-company .card h3 { font-size: 16px; font-weight: 600; }
.automotive-company .titleline { gap: 12px; margin-bottom: 12px; }
.automotive-company .titleline :is(h1, h2) { margin: 0; }
.automotive-company .card-icon { width: 32px; height: 32px; border: 0; border-radius: 6px; background: #edf2f5; color: var(--primary); }
.automotive-company .card-icon svg { width: 20px; height: 20px; }
.automotive-company .card-icon.accent { background: var(--accentSoft); color: var(--accent); }
.automotive-company .card-icon.warn { background: #f9eeee; color: var(--danger); }
.automotive-company .card > p { margin: 8px 0 12px; }
.automotive-company :is(.office-entry, .task-entry-card) { min-height: 104px; }
.automotive-company .people-primary-entry { margin: 0 0 16px; padding: 16px; }
.automotive-company .people-primary-entry .titleline { margin-bottom: 8px; }
.automotive-company .people-primary-entry p { font-size: 14px; }
.automotive-company .admin-home-hero { min-height: 0; }
.automotive-company .admin-company-watermark { position: static; font-size: 13px; font-weight: 500; color: var(--muted); grid-column: 1 / -1; }
.automotive-company .review-count-badge { position: static; min-width: 28px; height: 24px; margin-top: 8px; padding: 0 8px; border-radius: 5px; font-size: 13px; box-shadow: none; }
.automotive-company .task-entry-card .titleline { padding-right: 0; }
.automotive-company .small { font-size: 13px; line-height: 1.6; }
.automotive-company .pill { min-height: 24px; margin: 0 4px 4px 0; padding: 2px 8px; border: 0; border-radius: 5px; background: #edf2f5; color: #4e6574; font-size: 12px; font-weight: 500; white-space: normal; }
.automotive-company :is(.status-high, .workflow-state-complete) { color: var(--ok); background: var(--accentSoft); }
.automotive-company :is(.status-bad, .workflow-state-waiting) { color: var(--danger); background: #fbefef; }
.automotive-company :is(.btn, .linkbtn) { min-height: 36px; padding: 8px 12px; border-radius: 6px; font-size: 13px; font-weight: 600; line-height: 1.4; box-shadow: none; max-width: 100%; white-space: normal; }
.automotive-company .btn { background: var(--primary); }
.automotive-company .btn:hover { background: var(--primary2); transform: none; box-shadow: none; }
.automotive-company :is(.btn.secondary, .linkbtn) { border: 1px solid var(--border); color: var(--primary); background: #fff; }
.automotive-company :is(.btn.secondary, .linkbtn):hover { background: var(--soft); border-color: #bdc8d2; }
.automotive-company :is(.btn.warn, .btn.danger) { background: var(--danger); color: #fff; }
.automotive-company .danger-link { color: var(--danger); border-color: #e7c4c8; }
.automotive-company .actions { gap: 8px; margin-top: 12px; align-items: center; }
.automotive-company label { margin: 12px 0 6px; font-size: 13px; font-weight: 600; }
.automotive-company :is(input, select, textarea) { box-shadow: none; }
.automotive-company input:is([type="checkbox"], [type="radio"]) { width: 16px; height: 16px; padding: 0; margin: 0; flex: 0 0 16px; box-shadow: none; }
.automotive-company :is(.exam-option, .asset-choice, .internal-chat-bulk-tools label) { display: flex; align-items: flex-start; gap: 8px; }
.automotive-company .table { border: 1px solid var(--border); border-radius: 6px; background: #fff; font-size: 13px; overflow: visible; }
.automotive-company .table :is(th, td) { padding: 6px 12px; line-height: 1.6; border-color: var(--border); vertical-align: middle; }
.automotive-company .table tr { height: 44px; }
.automotive-company .table th { background: var(--soft); color: #52616f; font-size: 12px; font-weight: 600; }
.automotive-company .table tr:hover td { background: #fafbfc; }
.automotive-company .table :is(.btn, .linkbtn) { min-height: 30px; padding: 4px 8px; font-size: 12px; }
.automotive-company .table .pill { margin: 0; }
.automotive-company .office-table-scroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.automotive-company :is(.review-table-scroll, .table-scroll) { max-width: 100%; min-width: 0; }
.automotive-company .review-action-cell { width: 216px; min-width: 216px; }
.automotive-company .review-row-actions { gap: 8px; }
.automotive-company .assessment-actions .linkbtn { min-height: 30px; min-width: 64px; padding: 4px 8px; }
.automotive-company :is(.notice, .workday-alert, .ai-safety-warning) { padding: 12px 16px; border-width: 1px; border-radius: 6px; box-shadow: none; font-size: 13px; font-weight: 500; }
.automotive-company .notice { background: #fff9ee; border-color: #ecdbba; }
.automotive-company :is(.result, .exam-question, .advanced-panel, .answer-row, .review-task-group) { border-radius: 6px; box-shadow: none; }
.automotive-company .result { min-height: 0; padding: 12px; }
.automotive-company :is(.exam-question, .exam-option) { padding: 16px; }
.automotive-company .exam-question > label { font-size: 16px; }
.automotive-company .empty-state { display: grid; place-content: center; gap: 8px; min-height: 144px; border: 0; background: #fafbfc; padding: 24px; font-size: 14px; }
.automotive-company .compact-status { font-size: 13px; }
.automotive-company :is(.hmy-dialog, .task-review-dialog, .task-adjust-panel, .assessment-review-panel, dialog) { border: 1px solid var(--border); border-radius: 8px; padding: 24px; box-shadow: 0 12px 40px rgb(20 35 50 / 16%); max-height: calc(100dvh - 32px); overflow: auto; }
.automotive-company :is(.hmy-dialog, .task-adjust-panel, .assessment-review-panel) h2 { font-size: 20px; }
.automotive-company .workflow-shell { gap: 16px; grid-template-columns: 200px minmax(0, 1fr); }
.automotive-company .workflow-step { min-height: 56px; padding: 8px 12px; border-left-width: 2px; }
.automotive-company .workflow-step > span { font-size: 16px; }
.automotive-company .workflow-content { gap: 16px; }
.automotive-company .workflow-employee-grid .workflow-step { padding: 12px; }
.automotive-company .recruiting-tool-link { min-height: 76px; }
.automotive-company .recruiting-resume-drop { min-height: 144px; padding: 20px; border-width: 1px; }
.automotive-company .progress span { background: var(--accent); }
.automotive-company .login { width: 100%; max-width: 440px; margin: 40px auto; }
.automotive-company .login .card { padding: 24px; }

.automotive-company .auto-marketing-tools :is(.trade-source-home-card, .domestic-source-home-card) { grid-column: auto; min-height: 120px; }
.automotive-company .auto-marketing-tools .titleline h2 { font-size: 18px; }
.automotive-company :is(.marketing-workbench, .recruiting-mailbox) { padding-bottom: 24px; margin-bottom: 0; }
.automotive-company .recruiting-mailbox { padding: 16px; border-top: 1px solid var(--border); border-radius: 8px; }
.automotive-company :is(.mailbox-heading, .marketing-heading) { margin-bottom: 16px; padding-bottom: 16px; border-bottom-width: 1px; border-color: var(--border); }
.automotive-company :is(.mailbox-heading, .marketing-heading) h1 { font-size: 28px; }
.automotive-company .mailbox-toolbar { padding-bottom: 16px; }
.automotive-company .mailbox-toolbar label { font-size: 13px; }
.automotive-company .mailbox-toolbar :is(input, select) { height: 42px; font-size: 14px; }
.automotive-company :is(.recruiting-mailbox, .marketing-actions, .learning-actions, .learning-toolbar) .btn { min-height: 36px; padding: 8px 12px; font-size: 13px; }
.automotive-company .mailbox-row { padding: 12px 0; }
.automotive-company :is(.mailbox-from, .mailbox-subject) { font-size: 14px; }
.automotive-company .mailbox-snippet { font-size: 13px; }
.automotive-company .mailbox-subject-heading { font-size: 20px; }
.automotive-company .mailbox-attachment { padding: 12px 0; font-size: 14px; }
.automotive-company .mailbox-attachments legend { font-size: 16px; }
.automotive-company .learning-row { border-left-width: 1px; padding: 16px; }
.automotive-company .learning-row h2 { font-size: 18px; }
.automotive-company .learning-state { border: 0; font-weight: 500; font-size: 12px; padding: 4px 8px; }
.automotive-company .trade-statistic { border-top-width: 1px; min-height: 96px; border-radius: 6px; }
.automotive-company .trade-statistics-hero { border-top: 0; }
.automotive-company .trade-statistics-track { height: 6px; }
.automotive-company .trade-statistics-track span { background: var(--accent); }

/* Company communication remains one-click access, with space measured from its actual height. */
.automotive-company .internal-chat-company-rail { height: auto; min-height: 0; padding: 4px; gap: 8px; bottom: calc(12px + var(--office-navigation-height)); border: 1px solid var(--border); border-radius: 8px; background: #fff; box-shadow: var(--shadow); }
.automotive-company .internal-chat-company-rail .internal-chat-fab { min-width: 144px; height: 44px; padding: 6px 12px; border: 1px solid var(--border); background: #fff; color: var(--primary); box-shadow: none; }
.automotive-company .internal-chat-company-rail .internal-chat-company-button[data-current="false"] { background: #fff; }
.automotive-company .internal-chat-company-rail .internal-chat-fab.active { outline: none; border-color: var(--accent); background: var(--accentSoft); }
.automotive-company .internal-chat-company-rail .internal-chat-fab-logo { width: 24px; height: 24px; flex-basis: 24px; border-radius: 4px; box-shadow: none; }
.automotive-company .internal-chat-company-copy .internal-chat-fab-label { font-size: 12px; line-height: 1.4; }
.automotive-company .internal-chat-company-copy small:empty { display: none; }
.automotive-company .internal-chat-company-copy small { min-height: 0; }
.automotive-company .internal-chat-fab { min-width: 144px; min-height: 44px; height: auto; max-width: calc(100% - 32px); border: 1px solid var(--border); padding: 8px 12px; border-radius: 8px; background: #fff; color: var(--primary); box-shadow: var(--shadow); }
.automotive-company .internal-chat-fab-label { min-width: 0; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.automotive-company .internal-chat-fab-logo { object-fit: contain; width: 28px; height: 28px; flex-basis: 28px; box-shadow: none; }
.automotive-company .internal-chat-head { min-height: 56px; padding: 12px 16px; }
.automotive-company .internal-chat-head strong { font-size: 16px; }
.automotive-company .internal-chat-contact { padding: 10px 12px; }
.automotive-company .internal-chat-contact.active { background: var(--accentSoft); box-shadow: none; }
.automotive-company .internal-chat-contact-name { font-weight: 600; }
.automotive-company .internal-chat-conversation { background: var(--soft); }
.automotive-company .internal-chat-panel { box-shadow: 0 12px 40px rgb(20 35 50 / 16%); }
.automotive-company .internal-chat-bubble { box-shadow: none; }
.automotive-company .internal-chat-messages { padding: 12px 16px; gap: 12px; }
.automotive-company .internal-chat-composer { padding: 12px 16px; }
.automotive-company .internal-chat-compose-actions { align-items: center; }
.automotive-company .internal-chat-company-tabs .internal-chat-company-button { min-height: 44px; }
.automotive-company .internal-chat-vehicle-aggregate-row { border-left-width: 1px; }
.automotive-company .brand-logo { object-fit: contain; box-shadow: none; border-radius: 4px; }
.automotive-company .top { background: #fff; box-shadow: none; }
.automotive-company .topin { padding: 12px 16px; }
.automotive-company .primary-nav a { font-weight: 600; }
.automotive-company .primary-nav a.active { background: var(--accentSoft); border-bottom-width: 2px; }

@media (min-width: 1180px) {
  body.automotive-company { padding-left: 200px; }
  .automotive-company .top { width: 200px; background: #fff; border-right: 1px solid var(--border); }
  .automotive-company .topin { height: auto; min-height: 80px; padding: 20px 16px; border-color: var(--border); }
  .automotive-company .brand { color: var(--primary); font-size: 14px; font-weight: 650; }
  .automotive-company .top .user { left: 16px; width: 168px; color: var(--muted); border-color: var(--border); }
  .automotive-company .top .user .linkbtn { background: #fff; color: var(--primary); border-color: var(--border); }
  .automotive-company .primary-nav { padding: 12px 8px 140px; gap: 4px; }
  .automotive-company .primary-nav a { padding: 10px 12px; color: var(--muted); }
  .automotive-company .primary-nav a:hover { color: var(--primary); background: var(--soft); }
  .automotive-company .primary-nav a.active { color: var(--primary); background: var(--soft); box-shadow: inset 2px 0 var(--accent); }
  .automotive-company .internal-chat-company-rail { left: 232px; right: 32px; max-width: 1216px; margin-inline: auto; }
  .automotive-company .internal-chat-panel { width: min(1160px, calc(100vw - 232px)); }
}
@media (min-width: 768px) and (max-width: 1179px) {
  .automotive-company .wrap { padding-inline: 24px; }
}
@media (max-width: 860px) {
  .automotive-company .table.mobile-card-ready tr { height: auto; }
}
@media (max-width: 767px) {
  .automotive-company .wrap { padding: 16px 16px calc(24px + var(--office-navigation-height) + var(--office-company-rail-height) + env(safe-area-inset-bottom)); }
  .automotive-company .hero { grid-template-columns: minmax(0, 1fr); margin-bottom: 16px; padding-bottom: 16px; gap: 8px; }
  .automotive-company .hero h1 { font-size: 24px; }
  .automotive-company .hero > .actions { grid-column: 1; grid-row: auto; justify-content: flex-start; }
  .automotive-company .hero > p { grid-column: 1; }
  .automotive-company :is(.grid, .grid3, .row, .workflow-shell, .filterbar, .filterbar.with-action) { grid-template-columns: minmax(0, 1fr); }
  .automotive-company :is(.btn, .linkbtn) { min-height: 40px; }
  .automotive-company .table :is(.btn, .linkbtn) { min-height: 36px; }
  .automotive-company .table.mobile-card-ready { border: 0; background: transparent; }
  .automotive-company .table.mobile-card-ready tbody tr { border: 1px solid var(--border); border-radius: 6px; box-shadow: none; }
  .automotive-company .table.mobile-card-ready tbody td { padding: 8px 12px; }
  .automotive-company .table.review-table.mobile-card-ready tbody tr { border: 0; }
  .automotive-company .table.review-table.mobile-card-ready tbody td { padding: 8px 12px; }
  .automotive-company .workflow-nav { position: static; }
  .automotive-company .mobile-nav { left: 0; right: 0; bottom: 0; padding: 4px 8px calc(4px + env(safe-area-inset-bottom)); border-radius: 0; border: 0; border-top: 1px solid var(--border); box-shadow: none; background: #fff; }
  .automotive-company .mobile-nav a.active { background: var(--soft); color: var(--primary); box-shadow: inset 0 -2px var(--accent); }
  .automotive-company .internal-chat-company-rail { left: 16px; right: 16px; bottom: calc(8px + var(--office-navigation-height)); max-width: none; }
  .automotive-company .internal-chat-company-rail .internal-chat-fab { width: 144px; min-width: 144px; max-width: 180px; flex-basis: auto; height: auto; min-height: 44px; }
  .automotive-company .internal-chat-panel { width: 100%; height: 100dvh; box-shadow: none; }
  .automotive-company > .internal-chat-fab:not(.internal-chat-company-button) { bottom: calc(8px + var(--office-navigation-height)); }
  .automotive-company .internal-chat-composer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
  .automotive-company .login { margin: 24px auto; }
  .automotive-company :is(.mailbox-heading, .marketing-heading) h1 { font-size: 24px; }
  .automotive-company :is(.recruiting-mailbox, .marketing-actions, .learning-actions, .learning-toolbar) .btn { min-height: 40px; }
  .automotive-company :is(.task-review-dialog, .task-adjust-panel, .assessment-review-panel) { padding: 20px 16px; }
}

.automotive-attachment { background: #f7f8fa; color: #202830; font-size: 14px; }
.automotive-attachment .bar { min-height: 52px; background: #fff; color: #202830; border-color: #dfe4e9; }
.automotive-attachment .name { white-space: normal; overflow-wrap: anywhere; font-weight: 600; }
.automotive-attachment .actions :is(button, a) { min-height: 36px; padding: 8px 12px; border: 1px solid #dfe4e9; border-radius: 6px; font: 500 13px/1.4 -apple-system, BlinkMacSystemFont, sans-serif; }
.automotive-attachment .actions :is(button, a):hover { background: #f1f4f6; }
.automotive-attachment :focus-visible { outline: 2px solid #167d72; outline-offset: 3px; }
@media (max-width: 600px) { .automotive-attachment .actions :is(button, a) { min-height: 40px; } }

/* Public assessment pages share the visual language, not the dense office reading scale. */
.automotive-public { font-size: 16px; line-height: 1.7; }
.automotive-public .topin { padding: 16px 0; font-size: 18px; color: var(--primary); }
.automotive-public .wrap { width: min(880px, calc(100% - 32px)); margin: 24px auto 48px; }
.automotive-public :is(.hero, .card) { border: 1px solid var(--border); border-radius: 8px; padding: 24px; margin-bottom: 16px; background: #fff; }
.automotive-public .hero h1 { font-size: 28px; }
.automotive-public .question { border-top: 1px solid var(--border); }
.automotive-public .question h2 { font-size: 18px; }
.automotive-public .section { margin: 24px 0 16px; background: transparent; color: var(--primary); border-bottom: 1px solid var(--border); padding: 0 0 12px; font-size: 20px; }
.automotive-public .btn { min-height: 44px; padding: 10px 20px; background: var(--primary); font-weight: 600; }
.automotive-public .choice-option { min-height: 44px; border-color: var(--border); }
.automotive-public input[type=file] { width: 100%; min-width: 0; max-width: 100%; font-size: 14px; }
.automotive-public .notice { background: var(--accentSoft); border: 1px solid #cbded6; border-radius: 6px; }
@media (max-width: 767px) {
  .automotive-public :is(.hero, .card) { padding: 16px; }
  .automotive-public .hero h1 { font-size: 24px; }
}