/* Chakra Android WebView only. The browser/desktop application is unchanged. */
#apkSettingsBtn { display: none; }
@media (max-width: 767px) {
  .app[data-apk-workspace] {
    --apk-ink: #151719;
    --apk-soft: #4b515b;
    --apk-muted: #7a818a;
    --apk-line: #e3e5e8;
    --apk-paper: #fff;
    --apk-surface: #f5f6f7;
    --apk-orange: #fb7900;
    --line: var(--apk-line);
    --line-2: var(--apk-line);
    --grey: var(--apk-soft);
    --grey-2: var(--apk-muted);
    --radius: 13px;
    color: var(--apk-ink);
    background: var(--apk-surface);
  }
  .app[data-apk-workspace] .main { background: var(--apk-surface); }
  .app[data-apk-workspace] .main::before { display: none; }
  .app[data-apk-workspace] .content {
    padding: 16px 14px calc(86px + env(safe-area-inset-bottom, 0px));
    color: var(--apk-ink);
    background: var(--apk-surface);
  }
  .app[data-apk-workspace] .topbar {
    height: 57px;
    min-height: 57px;
    padding: 0 13px;
    border-bottom: 1px solid var(--apk-line);
    box-shadow: none;
  }
  .app[data-apk-workspace] .menu-btn {
    display: none;
  }
  .app[data-apk-workspace] .sidebar-footer { display: block; }
  .app[data-apk-workspace] #logoutBtn { display: none !important; }
  .app[data-apk-workspace] #apkSettingsBtn { display: inline-flex; }
  .app[data-apk-workspace] .page-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.025em;
    text-transform: lowercase;
  }
  .app[data-apk-workspace='cse']:has(.content[data-apk-page='/customer-service/tickets']) .page-title {
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.15;
  }
  .app[data-apk-workspace] .topbar-right { gap: 6px; }
  .app[data-apk-workspace] .reminder-bell { width: 35px; height: 35px; }
  .app[data-apk-workspace] .mobile-bottom-nav:not([hidden]) {
    min-height: 63px;
    padding: 4px max(5px, env(safe-area-inset-right, 0px))
      calc(7px + env(safe-area-inset-bottom, 0px)) max(5px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--apk-line);
    background: var(--apk-paper);
    box-shadow: none;
  }
  .app[data-apk-workspace] .mobile-bottom-item {
    min-height: 49px;
    gap: 3px;
    color: var(--apk-muted);
    font-size: 9px;
  }
  .app[data-apk-workspace] .mobile-bottom-item.active {
    background: #eff0f1;
    color: var(--apk-ink);
    font-weight: 700;
  }
  .app[data-apk-workspace] .card,
  .app[data-apk-workspace] .performance-panel.card {
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    padding: 12px;
    background: var(--apk-paper);
    box-shadow: 0 2px 8px #11182706;
  }
  .app[data-apk-workspace] .dashboard-expand { display: none; }
  .app[data-apk-workspace] .btn {
    min-height: 39px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
  }
  .app[data-apk-workspace] .btn.primary {
    background: var(--apk-ink);
    border-color: var(--apk-ink);
    color: #fff;
  }
  .app[data-apk-workspace] .input {
    min-height: 40px;
    border: 1px solid var(--apk-line);
    border-radius: 9px;
    background: #fff;
    color: var(--apk-ink);
    font-size: 11px;
  }
  .app[data-apk-workspace] .apk-page-heading { margin-bottom: 14px; }
  .app[data-apk-workspace] .apk-page-eyebrow {
    margin: 0 0 4px;
    color: var(--apk-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .app[data-apk-workspace] .apk-page-heading h1 {
    margin: 0;
    color: var(--apk-ink);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.2;
  }
  .app[data-apk-workspace] .apk-page-subtitle {
    margin: 5px 0 0;
    color: var(--apk-muted);
    font-size: 11px;
    line-height: 1.4;
  }
  .app[data-apk-workspace] .tabs {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--apk-line);
    background: transparent;
    scrollbar-width: none;
  }
  .app[data-apk-workspace] .tabs .tab {
    min-height: 39px;
    padding: 9px 8px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--apk-muted);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .app[data-apk-workspace] .tabs .tab.active,
  .app[data-apk-workspace] .tabs .tab[aria-selected='true'] {
    border-bottom-color: var(--apk-ink);
    background: transparent;
    color: var(--apk-ink);
  }
  .app[data-apk-workspace] .pagination {
    gap: 3px;
    margin-top: 13px;
    color: var(--apk-muted);
    font-size: 10px;
  }
  .app[data-apk-workspace] .pagination .btn { min-height: 31px; padding: 5px 8px; }
  .app[data-apk-workspace] .pagination .muted { font-size: 10px; }
  .app[data-apk-workspace] .modal.drilldown-window { background: var(--apk-surface); }
  .app[data-apk-workspace] .drilldown-header,
  .app[data-apk-workspace] .modal-header { background: #fff; border-bottom: 1px solid var(--apk-line); }
  .app[data-apk-workspace] .drilldown-window .modal-body { background: var(--apk-surface); }
  .app[data-apk-workspace] .drilldown-window .card { margin-bottom: 9px; }
  .app[data-apk-workspace] .empty { border-radius: 12px; background: #fff; }

  /* Drill-down dialogs live outside .app in #modalRoot. On mobile, their
     scroll body must fill the fullscreen frame or record tables collapse. */
  body:has(.app[data-apk-workspace]) #modalRoot .drilldown-window .modal-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .drilldown-window .drilldown-content {
    min-height: 0;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .modal-body:has(.performance-records-apk) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-records-apk {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-cards-host {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 10px;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-controls {
    display: flex;
    flex: none;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 0;
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #e3e5e8;
    background: #fff;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-page-count {
    color: #717983;
    font-size: 11px;
    text-align: center;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-table-wrap {
    max-height: none;
    overflow: visible;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-cards {
    display: grid;
    gap: 10px;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card {
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid #e3e5e8;
    border-radius: 12px;
    background: #fff;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-field {
    display: grid;
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    font-size: 12px;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-field:first-child {
    display: block;
    min-width: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #e3e5e8;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-field:first-child
    .performance-record-card-label {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-field:first-child
    :is(.link-btn, .performance-record-card-value) {
    display: block;
    max-width: 100%;
    padding: 0;
    color: #151719;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-label {
    color: #7a818a;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-record-card-value {
    overflow-wrap: anywhere;
    text-align: right;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card {
    gap: 3px;
    padding: 12px;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-title {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: start;
    margin-bottom: 2px;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-avatar {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e8edf7;
    color: #3f557c;
    font-size: 11px;
    font-weight: 700;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-name {
    display: block;
    min-width: 0;
    padding: 4px 0 0;
    color: #151719;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-title .badge {
    max-width: 110px;
    white-space: normal;
    text-align: center;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-meta {
    margin-left: 45px;
    color: #7a818a;
    font-size: 11px;
    overflow-wrap: anywhere;
  }
  body:has(.app[data-apk-workspace]) #modalRoot .performance-lead-card-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e3e5e8;
  }

  /* The Lead drill-down lives in #modalRoot, outside .app. Give only the
     Recruitment APK's record view the same compact, edge-to-edge layout. */
  #modalRoot:has(.apk-lead-detail-summary) .modal.drilldown-window {
    width: 100%;
    max-width: none;
    height: var(--modal-viewport-height, 100dvh);
    max-height: none;
    margin: 0;
    border-radius: 0;
    background: #f5f6f7;
    box-shadow: none;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .drilldown-header {
    min-height: 54px;
    padding: 7px 14px;
    border-bottom: 1px solid #e3e5e8;
    background: #fff;
    font-size: 16px;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .modal-body {
    flex: 1;
    padding: 12px 14px 24px;
    background: #f5f6f7;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .apk-lead-detail-summary {
    margin: 0 0 10px !important;
    padding: 15px;
    border: 1px solid #e3e5e8;
    border-radius: 14px;
    background: #fff;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .apk-lead-detail-summary h2 {
    margin-bottom: 8px !important;
    font-size: 20px !important;
    line-height: 1.3;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .apk-lead-detail-summary > .muted {
    gap: 7px 12px !important;
    font-size: 12px;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .apk-lead-detail-summary > .muted > span:last-child {
    flex-basis: 100%;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 10px;
    padding: 0 3px;
    background: #fff;
    border: 1px solid #e3e5e8;
    border-radius: 12px;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .tabs .tab {
    min-width: 0;
    min-height: 40px;
    padding: 7px 3px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .tabs .tab:nth-child(-n + 3) { grid-column: span 2; }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .tabs .tab:nth-child(n + 4) { grid-column: span 3; }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 0;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-card {
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid #e3e5e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-card .card-title {
    margin: 0 0 7px;
    color: #151719;
    font-size: 15px;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-row {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    padding: 10px 0;
    font-size: 13px;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-row-label,
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-row > div:last-child {
    min-width: 0;
    max-width: none;
    font-size: inherit;
    line-height: 1.4;
  }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-row-label { color: #7a818a; }
  #modalRoot:has(.apk-lead-detail-summary) .drilldown-window .detail-row:last-child { border-bottom: 0; }

  /* Executive pages share the dark page-title toolbar on the handset. */
  .app[data-apk-workspace='cse'] .topbar {
    background: #0c0c0d;
    border-bottom-color: #0c0c0d;
    color: #fff;
  }
  .app[data-apk-workspace='cse'] .menu-btn,
  .app[data-apk-workspace='cse'] .reminder-bell {
    background: transparent;
    color: #fff;
  }
  .app[data-apk-workspace='cse'] .page-title {
    color: #fff;
    font-size: 21px;
    letter-spacing: -.055em;
  }
  .app[data-apk-workspace='cse'] .user-chip { display: none; }
  .app[data-apk-workspace='cse'] .apk-profile-button:not([hidden]) {
    display: inline-grid;
    place-items: center;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--apk-ink);
    color: white;
    font: 700 11px var(--font);
  }
  .app[data-apk-workspace='cse'] .cs-page-header > h2 {
    display: none;
  }
  .app[data-apk-workspace='cse'] .cs-page-header {
    justify-content: flex-start !important;
    margin-bottom: 10px !important;
  }
  .app[data-apk-workspace='cse'] .cs-page-header.cs-page-header-start {
    justify-content: flex-start !important;
  }
  .app[data-apk-workspace='cse'] .cs-page-header:not(:has(.btn)) { display: none; }
  .app[data-apk-workspace='cse'] .cs-filter-bar {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .app[data-apk-workspace='cse'] .cs-filter-bar .cs-primary-filter { flex: 1 1 190px; }
  .app[data-apk-workspace='cse'] .cs-filter-trigger {
    width: auto;
    min-width: 0;
    padding-inline: 10px;
    white-space: nowrap;
  }
  .app[data-apk-workspace='cse'] .cs-filter-bar.mobile-filter-open {
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    background: #fff;
  }
  body > .cs-filter-bar.apk-filter-portal.mobile-filter-open {
    position: fixed !important;
    z-index: 1001 !important;
    inset: 20vh 0 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    max-height: none !important;
    overflow-y: auto;
    margin: 0 !important;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 1px solid var(--apk-line, #e3e5e8);
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -8px 35px #0002;
  }
  body > .cs-filter-bar.apk-filter-portal.mobile-filter-open .cs-filter-trigger { display: none; }
  .app[data-apk-workspace='cse'] .cs-results-card {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .app[data-apk-workspace='cse'] .cs-results-card > .pagination {
    padding: 12px;
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    background: #fff;
  }
  .app[data-apk-workspace='cse'] .cs-empty-state {
    display: grid;
    place-items: center;
    min-height: 92px;
    margin-bottom: 8px;
    padding: 18px;
    border: 1px solid var(--apk-line);
  }
  .app[data-apk-workspace='cse'] .apk-record-table tbody td[data-label='Customer'] {
    order: -3;
    justify-content: flex-start;
  }
  .app[data-apk-workspace='cse'] #cs-interaction-history-panel .apk-record-table tbody td[data-label='Customer'] {
    grid-column: 1;
    grid-row: 1;
  }
  .app[data-apk-workspace='cse'] #cs-interaction-history-panel .apk-record-table tbody td[data-label='Interaction ID'] {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    text-align: right;
  }
  .app[data-apk-workspace='cse'] .apk-record-table tbody td:is(
    [data-label='Customer ID'], [data-label='Order ID'],
    [data-label='Interaction ID'], [data-label='Ticket ID']) {
    order: -2;
    grid-column: 1 / -1;
  }
  .app[data-apk-workspace='cse'] .apk-record-table tbody td[data-label='Phone'] {
    order: -1;
  }
  .app[data-apk-workspace='cse'] .apk-record-table tbody td[data-label='Actions'] {
    order: 10;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px !important;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-detail-grid > div {
    min-width: 0;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-detail-section {
    padding: 12px 0 !important;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-customer-counters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-customer-counters .card {
    min-width: 0;
    padding: 12px;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .cs-customer-counters .metric {
    font-size: 21px;
  }
  body:has(.app[data-apk-workspace='cse']) .cs-customer-actions .cs-customer-360-call {
    display: none;
  }
  body:has(.app[data-apk-workspace='cse']) .cs-customer-actions .cs-customer-edit {
    width: auto;
    min-height: 44px;
    justify-content: center;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .drilldown-window:has(.customer-service-detail) .modal-actions {
    flex-wrap: nowrap;
    gap: 4px;
    padding-inline: 8px;
  }
  body:has(.app[data-apk-workspace='cse']) #modalRoot .drilldown-window:has(.customer-service-detail) .modal-actions .btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 6px 2px;
    font-size: clamp(9px, 2.65vw, 11px);
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace='cse'] .cs-interaction-tabs { margin-bottom: 12px; }
  .app[data-apk-workspace='cse'] .content[data-apk-page='/customer-service/interactions']
    #cs-unprocessed-calls-panel > .muted:first-child { display: none; }
  .app[data-apk-workspace='cse'] .apk-record-table tbody,
  .app[data-apk-workspace='recruitment'] .apk-record-table tbody,
  .app[data-apk-workspace='onboarding'] .apk-record-table tbody {
    display: grid;
    gap: 8px;
    width: 100%;
  }
  .app[data-apk-workspace] .table-wrap:has(> .apk-record-table) {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .app[data-apk-workspace] .apk-record-table { display: block; width: 100%; min-width: 0; }
  .app[data-apk-workspace] .apk-record-table thead { display: none; }
  .app[data-apk-workspace] .apk-record-table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    width: 100%;
    padding: 11px;
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 2px 8px #11182706;
  }
  .app[data-apk-workspace] .apk-record-table tbody td {
    display: block !important;
    min-width: 0;
    max-width: none;
    padding: 0;
    border: 0;
    color: var(--apk-soft);
    font-size: 11px;
    text-align: left;
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace] .apk-record-table tbody td::before {
    content: attr(data-label) ': ';
    color: var(--apk-muted);
    font-size: 10px;
    font-weight: 500;
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Candidate'],
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Customer'] {
    display: flex !important;
    align-items: center;
    gap: 9px;
    grid-column: 1 / -1;
    color: var(--apk-ink);
    font-size: 12px;
    font-weight: 700;
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Candidate']::before,
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Customer']::before,
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Phone']::before,
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Mobile']::before {
    content: none;
  }
  .app[data-apk-workspace] .apk-record-avatar {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: #e8edf7;
    color: #3f557c;
    font-size: 11px;
    font-weight: 750;
  }
  .app[data-apk-workspace] .apk-record-table tbody tr:nth-child(3n + 2) .apk-record-avatar {
    background: #fbeadf;
    color: #925c32;
  }
  .app[data-apk-workspace] .apk-record-table tbody tr:nth-child(3n) .apk-record-avatar {
    background: #e8f5eb;
    color: #24743b;
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Phone'],
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Mobile'] {
    grid-column: 1 / -1;
    color: var(--apk-soft);
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Actions'],
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Action'] {
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--apk-line);
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Actions']::before,
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Action']::before { content: ''; }
  .app[data-apk-workspace='cse'] #cs-unprocessed-calls-panel .apk-record-table tbody td.cs-pending-actions {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 8px;
  }
  .app[data-apk-workspace='cse'] #cs-unprocessed-calls-panel .apk-record-table tbody td.cs-pending-actions::before {
    content: none;
  }
  .app[data-apk-workspace='cse'] #cs-unprocessed-calls-panel .cs-pending-actions .btn {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 40px;
    padding: 7px 4px;
    font-size: clamp(9px, 2.8vw, 11px);
    white-space: nowrap;
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Recording'] {
    grid-column: 1 / -1;
  }
  .app[data-apk-workspace] .apk-record-table tbody td[data-label='Recording'] audio { width: 100% !important; }

  /* Recruitment mock: retain the native white account bar and dark web toolbar. */
  .app[data-apk-workspace='recruitment'] .topbar { background: #0c0c0d; color: #fff; }
  .app[data-apk-workspace='recruitment'] .menu-btn { background: #303234; color: #fff; }
  .app[data-apk-workspace='recruitment'] .reminder-bell { background: transparent; }
  .app[data-apk-workspace='recruitment'] .user-chip { background: #303234; color: #fff; }
  .app[data-apk-workspace='recruitment'] .tabs .tab.active { border-bottom-color: var(--apk-orange); }
  .app[data-apk-workspace='recruitment'] .performance-dashboard { padding: 0; }
  .app[data-apk-workspace='recruitment'] .performance-heading h1 { font-size: 21px; }
  .app[data-apk-workspace='recruitment'] .performance-heading p { font-size: 11px; }
  .app[data-apk-workspace='recruitment'] .performance-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .app[data-apk-workspace='recruitment'] .performance-kpi {
    min-height: 88px;
    padding: 11px;
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    background: #fff;
  }
  .app[data-apk-workspace='recruitment'] .performance-kpi-number { font-size: 21px; }
  .app[data-apk-workspace='recruitment'] .performance-kpi-label { font-size: 10px; }
  .app[data-apk-workspace='recruitment'] .performance-delta { font-size: 9px; }
  .app[data-apk-workspace='recruitment'] .re-mobile-filters { margin-bottom: 11px; }
  .app[data-apk-workspace='recruitment'] .re-mobile-filters:not(.mobile-filter-open) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
    padding-right: 4px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-filters:not(.mobile-filter-open) .re-filter-search {
    width: 100%;
    min-width: 0 !important;
    min-height: 41px;
    border: 1px solid var(--apk-line);
    border-radius: 9px;
    background: #fff;
  }
  .app[data-apk-workspace='recruitment'] .re-filter-trigger {
    width: auto;
    min-width: 0;
    padding-inline: 10px;
    white-space: nowrap;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-filters.mobile-filter-open {
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
  }
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open {
    position: fixed !important;
    z-index: 1001 !important;
    top: 20vh !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto;
    margin: 0 !important;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 1px solid #e3e5e8;
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -8px 35px #0002;
  }
  body > .cs-filter-backdrop.apk-filter-backdrop-portal:not([hidden]) {
    z-index: 1000 !important;
  }
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open .re-filter-header,
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open .re-filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open .re-filter-advanced,
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open .re-filter-search {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }
  body > .re-mobile-filters.apk-filter-portal.mobile-filter-open .re-filter-trigger { display: none; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    width: 100%;
    margin: 0 0 11px;
  }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters:not(.mobile-filter-open)
    .apk-schedule-advanced,
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters:not(.mobile-filter-open)
    .apk-schedule-filter-header,
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters:not(.mobile-filter-open)
    .apk-schedule-filter-actions { display: none; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters:not(.mobile-filter-open)
    .apk-schedule-search { flex: 1 1 auto; width: auto; min-width: 0 !important; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-trigger {
    flex: 0 0 auto;
    min-height: 41px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
  }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open {
    position: fixed;
    z-index: 80;
    inset: auto 0 0 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    max-height: min(88dvh, 760px);
    overflow-y: auto;
    margin: 0;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 1px solid var(--apk-line);
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -8px 35px #0002;
  }
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open {
    position: fixed !important;
    z-index: 1001 !important;
    top: 20vh !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto;
    margin: 0 !important;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 1px solid #e3e5e8;
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -8px 35px #0002;
  }
  body > .apk-schedule-backdrop.apk-schedule-backdrop-portal:not([hidden]) {
    position: fixed;
    z-index: 1000 !important;
    inset: 0;
    background: #0d111979;
  }
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open
    .apk-schedule-filter-header,
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open
    .apk-schedule-filter-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open
    .apk-schedule-filter-actions .btn { flex: 1; }
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open
    .apk-schedule-trigger { display: none; }
  body > .apk-schedule-filters.apk-schedule-portal.mobile-filter-open .input {
    width: 100%;
    min-width: 0 !important;
    min-height: 44px;
    border: 1px solid var(--apk-line);
    border-radius: 9px;
    background: #fff;
  }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open
    .apk-schedule-filter-header,
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open
    .apk-schedule-filter-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open
    .apk-schedule-filter-actions .btn { flex: 1; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open
    .apk-schedule-trigger { display: none; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-filters.mobile-filter-open .input { width: 100%; min-width: 0; }
  .app[data-apk-workspace='recruitment'] .apk-schedule-backdrop:not([hidden]) {
    position: fixed;
    z-index: 79;
    inset: 0;
    background: #0d111979;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 8px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td {
    display: block !important;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    font-size: 11px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td::before {
    display: none;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Candidate'] {
    display: flex !important;
    grid-row: 1;
    grid-column: 1;
    align-items: center;
    justify-content: flex-start !important;
    gap: 9px;
    color: var(--apk-ink);
    font-size: 12px;
    font-weight: 700;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Candidate'] .nowrap {
    white-space: normal;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Status'] {
    grid-row: 1;
    grid-column: 2;
    align-self: start;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Lead ID'] {
    grid-row: 2;
    grid-column: 1 / -1;
    margin-left: 45px;
    color: var(--apk-muted);
    font-size: 10px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Mobile'] {
    grid-row: 3;
    grid-column: 1 / -1;
    margin-left: 45px;
    color: var(--apk-soft);
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Source'],
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Assigned To'],
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Next Follow-up'] {
    grid-column: 1 / -1;
    margin-left: 45px;
    color: var(--apk-muted);
    font-size: 10px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Source'] { grid-row: 4; }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Assigned To'] { grid-row: 5; }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Next Follow-up'] { grid-row: 6; }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Source']::before,
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Assigned To']::before,
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Next Follow-up']::before {
    display: inline;
    content: attr(data-label) ': ';
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Next Follow-up'][data-apk-empty='true'] {
    display: none !important;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td:is(
    [data-label='Age'], [data-label='City'], [data-label='Location'], [data-label='Driving Licence'],
    [data-label='Marital Status'], [data-label='Last Activity']) {
    display: none !important;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-record-table tbody td[data-label='Actions'] {
    display: flex !important;
    grid-row: 7;
    grid-column: 1 / -1;
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 8px !important;
    border-top: 1px solid var(--apk-line) !important;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .mobile-record-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
  }
  .app[data-apk-workspace='recruitment'] .re-mobile-cards .apk-lead-card-action {
    white-space: nowrap;
    font-size: 10px;
    padding: 6px 7px;
  }

  /* Onboarding uses the same APK shell without changing desktop candidate flows. */
  .app[data-apk-workspace='onboarding'] .topbar {
    background: #0c0c0d;
    color: #fff;
  }
  .app[data-apk-workspace='onboarding'] .user-chip {
    background: #303234;
    color: #fff;
  }
  .app[data-apk-workspace='onboarding'] .mobile-bottom-item span {
    max-width: 100%;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: normal;
  }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-dashboard {
    padding: 0;
    background: transparent;
  }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-dashboard-heading {
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    background: var(--apk-paper);
  }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-dashboard-heading h1 {
    margin: 0;
    color: var(--apk-ink);
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -.035em;
  }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-dashboard-heading p {
    margin: 5px 0 0;
    color: var(--apk-muted);
    font-size: 11px;
    line-height: 1.4;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .stat {
    min-width: 0;
    min-height: 104px;
    padding: 15px;
    border: 1px solid var(--apk-line);
    border-radius: 13px;
    background: var(--apk-paper);
    box-shadow: 0 2px 8px #11182706;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .stat-value {
    color: var(--apk-ink);
    font-size: 29px;
    line-height: 1.15;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .stat-label {
    margin-top: 8px;
    color: var(--apk-soft);
    font-size: 12px;
    line-height: 1.3;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .stat:last-child {
    grid-column: 1 / -1;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] {
    min-width: 0;
    overflow-x: clip;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] :is(
    .management-dashboard, .apk-onboarding-summary, .apk-onboarding-charts,
    .performance-dashboard, .performance-body, .performance-main-panels,
    .performance-trend-panels, .performance-panel, .performance-chart-holder,
    .performance-chart, .performance-plot, .performance-bars
  ) { min-width: 0; max-width: 100%; }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-dashboard {
    padding: 0;
    background: transparent;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-header {
    gap: 10px;
    margin-bottom: 15px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-heading h1 {
    font-size: 21px;
    line-height: 1.2;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-heading p {
    font-size: 11px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-periods {
    min-width: 0;
    width: 100%;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-period {
    min-width: 0;
    min-height: 40px;
    padding: 7px 3px;
    font-size: 11px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-kpi {
    min-width: 0;
    min-height: 105px;
    padding: 12px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-kpi-number { font-size: 22px; }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-kpi-label { font-size: 11px; }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-main-panels,
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-trend-panels {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 10px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-main-panels > :last-child {
    grid-column: auto;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-subtitle {
    margin-bottom: 13px;
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-axis,
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-bar-area,
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-rate-axis,
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-trend {
    height: 145px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-axis-label {
    font-size: 9px;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-legend {
    gap: 7px 10px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-legend-item {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-horizontal-label {
    overflow-wrap: anywhere;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-empty {
    margin: 12px 0 0;
    color: var(--apk-muted);
    font-size: 12px;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-empty[hidden],
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-retry[hidden] { display: none; }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/dashboard'] .performance-panel[data-empty='true'] > :is(
    .performance-activity-total, .performance-chart-holder, .performance-chart,
    .performance-horizontal-list, .performance-donut-layout
  ) { display: none; }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-charts { margin-top: 22px; }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-charts .performance-kpis { display: none; }
  .app[data-apk-workspace='onboarding'] .apk-onboarding-summary > .performance-loading { padding: 15px; }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates'] > .filters {
    position: sticky;
    top: 57px;
    z-index: 19;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px 0;
    background: var(--apk-surface);
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates'] > .filters > .input:first-child {
    grid-column: 1 / -1;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates'] > .filters > .input {
    min-width: 0;
    width: 100%;
  }
  .app[data-apk-workspace='onboarding'] .apk-record-table tbody td[data-label='Action'] {
    justify-content: flex-end;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates/:id'] .detail-grid,
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/direct-walkin'] .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates/:id'] .candidate-detail-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates/:id'] .candidate-detail-actions > .btn {
    min-width: 0;
    white-space: normal;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/candidates/:id'] .card .btn {
    max-width: 100%;
    white-space: normal;
  }
  .app[data-apk-workspace='onboarding'] .content[data-apk-page='/direct-walkin'] .form-actions > .btn {
    width: 100%;
  }
}