#main_table {
    --mfans-control-height: 30px;
    --mfans-control-radius: .285714rem;
    --mfans-control-padding: 10px;
    --mfans-search-font-size: 13px;
}

#main_table :is(.mfans-lookup, .vehicle-plate-tools) .ui.action.input > input {
    font-size: var(--mfans-search-font-size);
}

#main_table :is(.mfans-lookup, .vehicle-plate-tools) .ui.action.input > input::placeholder {
    font-size: var(--mfans-search-font-size);
}

#main_table .mfans-lookup .ui.action.input > input,
#main_table .vehicle-plate-tools .ui.action.input > input,
#main_table .mfans-lookup .ui.action.input > .ui.button,
#main_table .vehicle-plate-tools .ui.action.input > .ui.button,
#main_table .mfans-language #lang_drop,
#main_table .vehicle-plate-tools > .ui.button {
    box-sizing: border-box;
    height: var(--mfans-control-height);
    padding-block: 0;
    padding-inline: var(--mfans-control-padding);
}

#main_table .mfans-lookup .ui.action.input > .ui.button,
#main_table .vehicle-plate-tools .ui.action.input > .ui.button,
#main_table .mfans-language #lang_drop,
#main_table .vehicle-plate-tools > .ui.button:not([hidden]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 1;
}

#main_table .mfans-language #lang_drop { border-radius: var(--mfans-control-radius); }

#main_table .mini-theme-toggle {
    width: var(--mfans-control-height);
    height: var(--mfans-control-height);
}

#main_table .mini-search .mfans-unified-search .ui.action.input > input {
    width: clamp(13rem, 25vw, 19rem) !important;
}

@media (max-width: 767px) {
    .group-illustrations-index { display: none; }

    #main_table > .mfans-masthead.mobile.or.lower.hidden {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 10px;
        align-items: center;
        background: rgb(0 0 0 / 46%);
    }

    #main_table > .mfans-masthead.mobile.or.lower.hidden > .mfans-masthead-tools:first-child { display: contents; }

    .mfans-masthead > .mfans-brand {
        grid-area: 1 / 1;
        padding: 0 !important;
        font-size: 16px;
        line-height: 1.2;
        overflow-wrap: break-word;
    }

    .mfans-masthead > .mfans-brand a { font-size: inherit; }
    .mfans-masthead-tools .mfans-language { grid-area: 1 / 2; justify-self: end; }
    .mfans-masthead-tools .mfans-lookup { grid-column: 1 / -1; min-width: 0; }
    .mfans-masthead > .cl { display: none; }
    .mfans-language #lang_drop { margin: 0; white-space: nowrap; }
    .mfans-language #lang_drop .menu { left: auto; right: 0; }

    .mfans-lookup form,
    .mfans-lookup .ui.action.input { display: flex; width: 100%; margin: 0; }
    .mfans-lookup .ui.action.input > input {
        flex: 1;
        width: 0 !important;
        min-width: 0;
    }

    #main_table > .mfans-catalog-nav > table.padded_cells {
        min-width: 0;
        table-layout: fixed;
        border-spacing: 0;
    }

    .mfans-catalog-nav td { padding: 6px; vertical-align: middle; }
    .mfans-catalog-nav td:first-child { width: 40px; }
    .mfans-catalog-nav h3 { margin: 0; font-size: 15px; line-height: 1.25; text-wrap: balance; }
    .mfans-catalog-nav .icon { margin: 0; }
    .mfans-catalog-nav a { display: block; }
    .mini-site .mini-nav a { font-size: 14px; line-height: 1.25; text-wrap: balance; }

    #main_table .mini-search .mfans-unified-search .ui.action.input > input {
        width: 0 !important;
    }

    #main_table > #bread_crumble_block {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.55;
        overflow-wrap: break-word;
    }

    #content_block > .vehicle_plate {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 10px;
        overflow-wrap: break-word;
    }

    .vehicle_plate > h1 {
        margin: 0;
        font-size: 21px;
        line-height: 1.2;
        text-wrap: balance;
    }

    .vehicle_plate > h2 { margin: 0; font-size: 16px; line-height: 1.3; }
    .vehicle_plate > h5 { margin: 0; }
    .vehicle_plate #edit_veh_btn { margin: 0; padding: 7px 8px; font-size: 12px; line-height: 1.35; }
    .vehicle_plate > .clear { display: none; }

    .vehicle_plate > .vehicle-plate-tools {
        order: 1;
        min-width: 0;
        margin-top: 4px;
        padding: 0 !important;
    }

    .vehicle-plate-tools form { flex: 1; min-width: 0; }
    .vehicle-plate-tools .ui.action.input { display: flex; width: 100%; }
    .vehicle-plate-tools .ui.action.input > input { min-width: 0; }

    /* Keep the editable text at 16px to avoid Safari zooming on focus. */
    #main_table :is(.mfans-lookup, .vehicle-plate-tools) .ui.action.input > input {
        font-size: 16px;
    }
}

.mfans-unified-search .ui.action.input {
    border-radius: var(--mfans-control-radius);
    box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.mfans-unified-search .ui.action.input > input {
    min-width: 13rem;
    border-start-start-radius: var(--mfans-control-radius);
    border-end-start-radius: var(--mfans-control-radius);
}

.mfans-unified-search .ui.action.input > button {
    border-start-end-radius: var(--mfans-control-radius);
    border-end-end-radius: var(--mfans-control-radius);
}

@media (max-width: 767px) {
    .mfans-unified-search .ui.action.input > input { min-width: 0; }
}