/* Asset: scanio_automation_session.css */

    .modalIngredient.mi5 {
        left: 50%;
        bottom: 8px;
        transform: translateX(-50%)
    }

    .scanioSessionReview,
    .scanioApprovalGate {
        position: absolute;
        inset: 0;
        z-index: 155;
        display: none;
        align-items: flex-end;
        padding: 18px 14px 88px;
        background: rgba(5, 14, 8, .52);
        backdrop-filter: blur(12px);
    }

    .scanioSessionReview.open,
    .scanioApprovalGate.open {
        display: flex
    }

    .scanioSessionPanel,
    .scanioApprovalPanel {
        width: 100%;
        padding: 19px 17px 17px;
        border-radius: 28px;
        background: linear-gradient(145deg, rgba(255, 253, 247, .99), rgba(232, 242, 230, .98));
        border: 1px solid rgba(255, 255, 255, .94);
        box-shadow: 0 26px 76px rgba(3, 10, 6, .34);
        animation: scanioSessionPanelIn .42s cubic-bezier(.18, .95, .26, 1) both;
    }

    @keyframes scanioSessionPanelIn {
        from {
            transform: translateY(32px) scale(.97);
            opacity: 0
        }
        to {
            transform: none;
            opacity: 1
        }
    }

    .scanioSessionEyebrow {
        color: var(--deep);
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .14em;
        text-transform: uppercase;
    }

    .scanioSessionPanel h3,
    .scanioApprovalPanel h3 {
        margin: 7px 0 5px;
        color: var(--ink);
        font-size: 23px;
        line-height: 1;
        letter-spacing: -.045em;
    }

    .scanioSessionPanel p,
    .scanioApprovalPanel p {
        margin: 0;
        color: var(--muted);
        font-size: 11px;
        line-height: 1.45;
        font-weight: 700;
    }

    .scanioSessionChips {
        display: flex;
        gap: 7px;
        margin: 14px 0;
        padding: 2px 1px;
        overflow-x: auto;
    }

    .scanioSessionChips::-webkit-scrollbar {
        height: 0
    }

    .scanioSessionChip {
        flex: 0 0 auto;
        padding: 8px 10px;
        border-radius: 999px;
        color: var(--deep);
        background: rgba(32, 196, 111, .11);
        border: 1px solid rgba(32, 196, 111, .13);
        font-size: 9px;
        font-weight: 900;
    }

    .scanioSessionActions {
        display: grid;
        grid-template-columns:1fr 1.15fr;
        gap: 8px;
        margin-top: 13px;
    }

    .scanioSessionButton {
        min-height: 48px;
        padding: 10px 12px;
        border-radius: 16px;
        background: rgba(14, 123, 67, .08);
        color: var(--deep);
        font-size: 10px;
        font-weight: 950;
    }

    .scanioSessionButton.primary {
        color: #fff;
        background: linear-gradient(145deg, var(--deep), var(--green));
        box-shadow: 0 11px 24px rgba(14, 123, 67, .20);
    }

    .scanioSessionReset {
        display: block;
        margin: 11px auto 0;
        padding: 4px 8px;
        color: #7d8b82;
        background: transparent;
        font-size: 9px;
        font-weight: 850;
    }

    .scanioApprovalSummary {
        margin: 13px 0 4px;
        padding: 11px 12px;
        border-radius: 15px;
        color: var(--ink);
        background: #fffaf1;
        border: 1px solid rgba(11, 21, 16, .07);
        font-size: 10px;
        font-weight: 850;
        line-height: 1.35;
    }

    .scanioApprovalLock {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-top: 10px;
        color: #69786e;
        font-size: 8px;
        font-weight: 850;
    }