/* AutoMenu (Monochrome) */
/* Based on AutoMenu screenshot (DOS palette) */

body {
    background-color: #000000; /* Black - DOS palette (88.75% of image) */
    color: #55FFFF; /* Light Cyan text - DOS palette */
}

/* Border colors for nested table structure */
.border-accent {
    border-color: #55FFFF; /* Light Cyan borders - DOS palette (2.63% of image) */
}

/* Add padding to outer td elements (creates black spacing inside border) */
#menu-wrapper.combined .header-outer,
#menu-wrapper.combined .content-outer {
    padding: 5px 24px !important; /* 5px top/bottom, 24px left/right */
    background-color: #000000; /* Black background shows as padding */
}

.menu-content {
    color: #55FF55; /* Light Green text - DOS palette (1.20% of image) */
}

/* Red background only on the title content itself */
.menu-content.menu-title {
    color: #FFFFFF; /* White text - DOS palette */
    background-color: #AA0000; /* Red background - DOS palette (3.56% of image) */
    display: block; /* Make it fill the td */
}

.menu-item {
    color: #55FF55; /* Light Green menu text - DOS palette */
}

.menu-item .selector {
    color: #AA0000; /* Red arrow - DOS palette */
}

.menu-item .menu-number {
    color: #55FF55; /* Green numbers - DOS palette */
}

.menu-item .menu-text {
    color: #55FF55; /* Green text - DOS palette */
}

.menu-item:hover .menu-text {
    background-color: #AAAAAA; /* Light Gray background on hover */
    color: #000000; /* Black text on hover */
}

.menu-item.selected .menu-text {
    background-color: #AAAAAA; /* Light Gray background when selected */
    color: #000000; /* Black text when selected */
}

.menu-help {
    color: #FF5555; /* Light Red help text - DOS palette */
}