.aonline-top {
        display: flex;
        padding: 0;
        font-family: Roboto, "Segoe UI", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 10pt;
        color: white;
        flex-direction: column;
    }

    .aonline-top .aonline-top-menus {
        display: flex;
        width: 100%;
        text-align: center;
        background-color: #434343;
        color: white;
        font-size: 6pt;
        font-weight: bold;
        cursor: pointer;
        height: var(--aonline-row-height);
    }

    .aonline-top .aonline-top-image {
        display: flex;
        width: 100%;
        text-align: center;
        background-color: #434343;
        color: white;
        font-size: 6pt;
        font-weight: bold;
        cursor: pointer;
    }

    .aonline-top .aonline-top-options {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .aonline-top .aonline-top-menus > .aonline-top-menu-item {
        flex: 1;
        border-right: 1px solid lightgrey;
        padding: 0;
        font-size: 6pt;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .aonline-top .aonline-top-menus > .aonline-top-menu-item:last-child {
        border-right: none;
    }

    .aonline-top-menu-item-selected {
        background-color: #333333;
        color: white;
    }

    .aonline-top-input-menus {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
    }

    /* Input / Select container */
    .aonline-top-field {
        display: flex;
        flex: 1 1 auto;
        min-width: 0; /* prevents overflow in flex */
        padding: 0 12px;
        height: var(--aonline-row-height);
        align-items: center;
    }

    /* Right-aligned buttons */
    .aonline-top-actions {
        display: flex;
        gap: 6px;
        flex-shrink: 0;
    }

    .aonline-top-input-menus-field {
        flex: 1 1 auto;
        min-width: 0; /* prevent overflow in flex */
    }

    .aonline-top-input-actions-menus {
        display: flex;
        gap: 6px;
        flex-shrink: 0;
    }

    .aonline-top .aonline-top-close {
        padding: 0;
        text-align: center;
        cursor: pointer;
    }