/* Batch 049: token-only native presentation for Account and CTV routes. */
body[data-hrc-native-presentation="account-center"],
body[data-hrc-native-presentation^="individual-collaborator"] {
    background: var(--hrc-color-bg-app);
    color: var(--hrc-color-text);
    font-family: var(--hrc-font-sans);
}

body[data-hrc-native-presentation="account-center"] #hrc-global-search-input,
body:is([data-hrc-native-presentation="individual-collaborators-index"],[data-hrc-native-presentation="individual-collaborators-studio"]) #hrc-global-search-input {
    min-height: var(--hrc-touch-target) !important;
}

body[data-hrc-native-presentation="account-center"] .qm-hidden-original-select,
body:is([data-hrc-native-presentation="individual-collaborators-index"],[data-hrc-native-presentation="individual-collaborators-studio"]) .qm-hidden-original-select {
    min-width: var(--hrc-touch-target) !important;
    min-height: var(--hrc-touch-target) !important;
}

body[data-hrc-native-presentation="account-center"] :is(
    .account-os__header,
    .account-os__card,
    .card
),
body:is([data-hrc-native-presentation="individual-collaborators-index"],[data-hrc-native-presentation="individual-collaborators-studio"]) :is(
    .ic-hero,
    .ic-kpi,
    .ic-panel,
    .ic-profile-strip,
    .ic-alert,
    .ic-campaign-card,
    .ic-profile-card,
    .ic-notification,
    .ic-table-wrap
),
body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-public-card,
    .ic-campaign-mini,
    .ic-campaign-card,
    .ic-manager-contact
) {
    border-color: var(--hrc-color-border);
    background-color: var(--hrc-color-surface);
    color: var(--hrc-color-text);
}

body[data-hrc-native-presentation="account-center"] :is(
    .account-os__header,
    .account-os__card
),
body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-public-card,
    .ic-campaign-mini,
    .ic-manager-contact
) {
    box-shadow: var(--hrc-shadow-xs);
}

body:is([data-hrc-native-presentation="individual-collaborators-index"],[data-hrc-native-presentation="individual-collaborators-studio"]),
body[data-hrc-native-presentation^="individual-collaborator-"] {
    --ic-blue: var(--hrc-color-brand);
    --ic-teal: var(--hrc-color-info);
    --ic-ink: var(--hrc-color-text);
    --ic-text: var(--hrc-color-text);
    --ic-muted: var(--hrc-color-text-muted);
    --ic-line: var(--hrc-color-border);
    --ic-border: var(--hrc-color-border);
    --ic-bg: var(--hrc-color-bg-app);
    --ic-surface: var(--hrc-color-surface);
    --ic-surface-muted: var(--hrc-color-surface-soft);
    --ic-ok: var(--hrc-color-success);
    --ic-warn: var(--hrc-color-warning);
    --ic-danger: var(--hrc-color-danger);
    --ic-focus: var(--hrc-color-focus);
    --ic-radius: var(--hrc-radius-card);
}

body:is([data-hrc-native-presentation="individual-collaborators-index"],[data-hrc-native-presentation="individual-collaborators-studio"]) :is(
    .ic-tabs,
    .ic-filters,
    .ic-empty,
    .ic-profile-fields > div,
    .ic-360-grid > section
) {
    border-color: var(--hrc-color-border);
    background: var(--hrc-color-surface-soft);
    color: var(--hrc-color-text);
}

body[data-hrc-native-presentation="account-center"] :is(
    .text-muted,
    .form-text
),
body[data-hrc-native-presentation^="individual-collaborator"] :is(
    .ic-public-brand p,
    .ic-hero p,
    .ic-section-head p,
    .ic-kpi small,
    .ic-kpi em,
    .ic-campaign-mini span,
    .ic-campaign-card p,
    .ic-table-wrap small
) {
    color: var(--hrc-color-text-muted) !important;
}

body[data-hrc-native-presentation="account-center"] :is(
    input,
    select,
    textarea,
    .form-control,
    .form-select
),
body[data-hrc-native-presentation^="individual-collaborator"] :is(
    input,
    select,
    textarea
) {
    border-color: var(--hrc-color-border);
    background-color: var(--hrc-color-surface);
    color: var(--hrc-color-text);
}

body[data-hrc-native-presentation="account-center"] :is(
    .btn,
    input,
    select,
    textarea
),
body[data-hrc-native-presentation^="individual-collaborator"] :is(
    .ic-btn,
    .ic-qr-link,
    .ic-tabs button,
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
) {
    min-block-size: var(--hrc-touch-target);
}

body[data-hrc-native-presentation="account-center"] :is(
    .btn,
    input:not([type="hidden"]),
    select,
    textarea
) {
    min-height: var(--hrc-touch-target) !important;
}

body.hrc-native-presentation-route[data-hrc-native-presentation="individual-collaborators-index"] .qm-content .ic-shell :is(
    .ic-btn,
    .ic-qr-link
),
body.ic-public.hrc-native-presentation-route[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-btn,
    .ic-qr-link
) {
    min-height: var(--hrc-touch-target) !important;
    min-block-size: var(--hrc-touch-target) !important;
}

body[data-hrc-native-presentation="account-center"] :is(
    .btn,
    a,
    input,
    select,
    textarea
):focus-visible,
body[data-hrc-native-presentation^="individual-collaborator"] :is(
    .ic-btn,
    a,
    button,
    input,
    select,
    textarea
):focus-visible {
    outline: var(--hrc-focus-width) solid var(--hrc-color-focus);
    outline-offset: var(--hrc-focus-offset);
    box-shadow: var(--hrc-focus-ring);
}

body[data-hrc-native-presentation^="individual-collaborator-"] .ic-public-brand {
    border: var(--hrc-border-width) solid var(--hrc-color-border);
    border-radius: var(--hrc-radius-card);
    background: var(--hrc-color-surface-soft);
    color: var(--hrc-color-text);
    box-shadow: var(--hrc-shadow-xs);
}

body[data-hrc-native-presentation^="individual-collaborator-"] .ic-public-brand span {
    color: var(--hrc-color-brand);
}

body[data-hrc-native-presentation^="individual-collaborator"] .ic-secondary {
    border-color: var(--hrc-color-border);
    background: var(--hrc-color-surface-soft);
    color: var(--hrc-color-text);
}

body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic4-brand,
    .ic4-footer a,
    .ic-consent a,
    .ic4-card-actions > a,
    .ic4-card-actions > button
) {
    display: inline-flex;
    align-items: center;
}

body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic4-brand,
    .ic4-public-nav nav > a,
    .ic4-footer a,
    .ic-consent a,
    .ic4-card-actions > a,
    .ic4-card-actions > button
) {
    min-block-size: var(--hrc-touch-target);
    box-sizing: border-box;
}

body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-form-grid label > span,
    .ic-public-opportunities small,
    .ic-public-card p,
    .ic-campaign-card small
) {
    color: var(--hrc-color-text-soft);
}

body[data-hrc-native-presentation^="individual-collaborator-"] .ic-privacy {
    border-color: var(--hrc-color-success);
    background: var(--hrc-color-success-soft);
    color: var(--hrc-color-success);
}

body[data-hrc-native-presentation^="individual-collaborator-"] .ic-alert.error {
    border-color: var(--hrc-color-danger);
    background: var(--hrc-color-danger-soft);
    color: var(--hrc-color-danger);
}

body[data-hrc-native-presentation^="individual-collaborator-"] .ic-consent {
    border-color: var(--hrc-color-border);
    background: var(--hrc-color-surface-soft);
    color: var(--hrc-color-text-soft);
}

body.ic-public[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-public-card,
    .ic-form-grid,
    .ic-form-grid > *,
    .ic-inline,
    .ic-inline > *
) {
    min-inline-size: 0;
    max-inline-size: 100%;
    box-sizing: border-box;
}

body.ic-public[data-hrc-native-presentation^="individual-collaborator-"] .ic-form-grid :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
) {
    inline-size: 100%;
}

body[data-hrc-native-presentation^="individual-collaborator"] .ic-media-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: calc(var(--hrc-space-8) * 4);
    border: var(--hrc-border-width) dashed var(--hrc-color-border);
    border-radius: var(--hrc-radius-control);
    background: var(--hrc-color-surface-soft);
    color: var(--hrc-color-text-muted);
    font-family: var(--hrc-font-sans);
    font-size: var(--hrc-text-sm);
    font-weight: var(--hrc-font-weight-semibold);
    text-align: center;
}

body[data-hrc-native-presentation^="individual-collaborator"] .ic-media-fallback[hidden] {
    display: none !important;
}

body[data-hrc-native-presentation^="individual-collaborator-"] :is(
    .ic-btn:disabled,
    input:disabled,
    select:disabled,
    textarea:disabled
) {
    opacity: var(--hrc-opacity-disabled);
}

@media (forced-colors: active) {
    body[data-hrc-native-presentation="account-center"] :is(.account-os__card, .account-os__header),
    body[data-hrc-native-presentation^="individual-collaborator"] :is(.ic-hero, .ic-panel, .ic-public-card) {
        border: var(--hrc-border-width) solid CanvasText;
    }
}
