/* MindZ Responsive Table Factory v1 — release 27141 */
.mindz-responsive-table-mobile {
    display: none;
}

@media (max-width: 760px), (max-width: 959px) and (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
    .mindz-responsive-table-source--cards,
    .mindz-responsive-table-source--list {
        display: none !important;
    }

    .mindz-responsive-table-mobile:not([hidden]) {
        width: 100%;
        min-width: 0;
        display: grid;
        gap: 10px;
    }

    .mindz-responsive-table-mobile[hidden] {
        display: none !important;
    }

    .mindz-mobile-record-card {
        min-width: 0;
        display: grid;
        gap: 13px;
        padding: 14px;
        border: 1px solid var(--border, #dce2ee);
        border-radius: 16px;
        background: var(--surface, #fff);
        color: var(--text, #27334d);
        box-shadow: 0 5px 16px color-mix(in srgb, var(--shadow-color, #111827) 5%, transparent);
    }

    .mindz-mobile-record-card__top {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .mindz-mobile-record-card__identity {
        min-width: 0;
        flex: 1 1 auto;
        display: grid;
        gap: 4px;
    }

    .mindz-mobile-record-card__eyebrow {
        width: fit-content;
        max-width: 100%;
        color: var(--primary, #3158a6);
        font-size: 11px;
        font-weight: 750;
    }

    .mindz-mobile-record-card__title {
        min-width: 0;
        color: var(--title-color, #26324a);
        font-size: 15px;
        font-weight: 760;
        line-height: 1.25;
    }

    .mindz-mobile-record-card__subtitle {
        min-width: 0;
        color: var(--text-muted, #667085);
        font-size: 12px;
        line-height: 1.35;
    }

    .mindz-mobile-record-card__top-meta {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 6px;
    }

    .mindz-mobile-record-card__status,
    .mindz-mobile-record-card__actions {
        display: flex;
        align-items: center;
    }

    .mindz-mobile-record-card__actions :where(.colaborador-actions-cell, .colaborador-actions-menu-wrap) {
        display: contents;
    }

    .mindz-mobile-record-card__actions :where(.mindz-action-button, .colaborador-actions-toggle) {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
    }

    .mindz-mobile-record-card__actions .solicitacoes-actions-flyout,
    .mindz-mobile-record-card__actions .mindz-menu {
        position: fixed;
        z-index: var(--z-popover, 1400);
    }

    .mindz-mobile-record-card__fields {
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 16px;
        margin: 0;
    }

    .mindz-mobile-record-card__field {
        min-width: 0;
        display: grid;
        align-content: start;
        gap: 4px;
        margin: 0;
    }

    .mindz-mobile-record-card__field.is-full {
        grid-column: 1 / -1;
    }

    .mindz-mobile-record-card__field dt {
        margin: 0;
        color: var(--text-muted, #667085);
        font-size: 10px;
        font-weight: 720;
        letter-spacing: .02em;
    }

    .mindz-mobile-record-card__field dd {
        min-width: 0;
        margin: 0;
        color: var(--text, #344054);
        font-size: 12px;
        line-height: 1.4;
    }

    .mindz-mobile-record-card__field dd :where(span, strong, small, p, a) {
        max-width: 100%;
        overflow-wrap: normal;
        word-break: normal;
    }

    .mindz-mobile-record-card__field :where(.solicitacoes-responsaveis-compact, .mindz-avatar-stack) {
        justify-content: flex-start;
    }

    .mindz-mobile-record-card__field--section {
        gap: 8px;
        padding: 12px;
        border: 1px solid var(--border-soft, #edf0f5);
        border-radius: 12px;
        background: color-mix(in srgb, var(--surface, #fff) 96%, var(--text, #27334d) 4%);
    }

    .mindz-mobile-record-card__field--section.is-actionable {
        border-color: color-mix(in srgb, var(--primary, #3158a6) 34%, var(--border-soft, #edf0f5));
        background: color-mix(in srgb, var(--surface, #fff) 94%, var(--primary, #3158a6) 6%);
    }

    .mindz-mobile-record-card__field--section dt {
        color: var(--title-color, #26324a);
        font-size: 11px;
        font-weight: 760;
    }

    .mindz-mobile-record-card__field--section dd {
        display: grid;
        gap: 10px;
    }

    .mindz-mobile-record-card__stage-actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 2px;
    }

    .mindz-mobile-record-card__stage-action {
        min-height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding-inline: 12px;
        font-size: 12px;
        font-weight: 720;
    }

    .mindz-mobile-record-card__stage-action-icon,
    .mindz-mobile-record-card__stage-action-icon :where(svg, .mindz-action-menu-icon, .mindz-menu__icon) {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
    }

    .mindz-mobile-record-card__stage-action-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .mindz-mobile-record-card__stage-action-icon svg {
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mindz-mobile-record-card__footer {
        display: flex;
        justify-content: flex-end;
        padding-top: 2px;
        border-top: 1px solid var(--border-soft, #edf0f5);
    }

    .mindz-mobile-record-card__primary-action {
        min-height: 36px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px !important;
        border: 0;
        background: transparent;
        color: var(--primary, #3158a6);
        font: inherit;
        font-size: 12px;
        font-weight: 720;
        cursor: pointer;
    }

    .mindz-responsive-table-mobile--list {
        gap: 6px;
    }

    .mindz-responsive-table-mobile--list .mindz-mobile-record-card {
        gap: 8px;
        padding: 11px 12px;
        border-radius: 13px;
        box-shadow: none;
    }

    .mindz-responsive-table-mobile--list .mindz-mobile-record-card__fields {
        gap: 7px 12px;
    }

    .mindz-responsive-table-source--scroll {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}
