body .mi-order-approval {
    position: fixed;
    inset-inline-end: max(12px, env(safe-area-inset-right));
    inset-block-end: calc(72px + env(safe-area-inset-bottom));
    z-index: 2147482000;
    display: grid;
    gap: 8px;
    width: min(340px, calc(100% - 24px));
    max-height: 45dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
}

body .mi-order-approval [hidden], body .mi-order-approval[hidden] {
    display: none !important;
}

body .mi-order-approval-entry {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 12px 48px 12px 14px;
    margin: 0;
    background: var(--waiter-surface, #fff);
    color: var(--waiter-ink, #20262d);
    border: 1px solid var(--waiter-line, #d9dfe5);
    border-radius: var(--waiter-control, 10px);
    box-shadow: 0 4px 24px #0004;
    font-size: 14px;
    line-height: 1.4;
    text-align: start;
}

body .mi-order-approval-entry > strong,
body .mi-order-approval-entry > p {
    margin: 0;
    color: inherit;
    font-size: inherit;
}

body .mi-order-approval-entry:is([data-status="accepted"], [data-status="ready"], [data-status="served"], [data-status="completed"]) > p:first-of-type {
    color: var(--waiter-success, #196044);
}

body .mi-order-approval-entry:is([data-status="rejected"], [data-status="expired"], [data-status="payment_expired"], [data-status="cancelled"]) > p:first-of-type {
    color: var(--waiter-error, #9e2533);
}

body .mi-order-approval-entry > .mi-order-approval-connection {
    margin-block-start: 4px;
    color: var(--waiter-muted, #59616c);
    font-size: 12px;
}

body .mi-order-approval-entry > a,
body .mi-order-approval-entry > button {
    display: inline-grid;
    place-items: center;
    box-sizing: border-box;
    min-width: 40px;
    min-height: 44px;
    border-radius: var(--waiter-control, 10px);
    font: inherit;
}

body .mi-order-approval-entry > a {
    padding: 4px 10px;
    margin-block-start: 8px;
    background: var(--waiter-accent, #242a30);
    color: var(--waiter-on-accent, #fff);
    font-weight: 600;
}

body .mi-order-approval-entry > button {
    position: absolute;
    inset-inline-end: 5px;
    inset-block-start: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
}