/* ==========================================================================
   RAPIDOBIT WEB SERVICES - WINDOWS 98 DESKTOP ARCHITECTURE (V5.3)
   ========================================================================== */

/* Classic Teal Desktop Background */
body {
    background-color: #008080;
    color: #000000;
    font-family: "MS Sans Serif", Tahoma, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 20px;
}

/* Classic Window Title Bars */
h2 {
    background: linear-gradient(90deg, #000080, #1084d0);
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    margin: -20px -20px 15px -20px;
    padding: 6px 8px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #ffffff;
}

h3 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
    font-size: 12px;
    color: #000000;
    margin-bottom: 15px;
}

/* Windows 98 Gray Component Blocks */
table {
    width: 100%;
    background-color: #d4d0c8;
    border-collapse: collapse;
    margin-bottom: 25px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #808080;
    border-bottom: 2px solid #808080;
}

th {
    background-color: #d4d0c8 !important;
    color: #000000 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 8px !important;
    border-top: 1px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #808080 !important;
    border-bottom: 1px solid #808080 !important;
}

td {
    padding: 6px 8px !important;
    border: 1px solid #808080 !important;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
}

/* ==========================================================================
   EASY-ON-THE-EYES ROW HOVER OVERRIDES (BLINDING BLUE REMOVED)
   ========================================================================== */
tr:hover td {
    background-color: #e8e7e3 !important; /* Soft vintage window-gray highlight tint */
    color: #000000 !important;            /* Keeps text perfectly dark and legible */
}

/* Keep internal voucher blueprint links naturally blue on hover */
tr:hover td a,
tr:hover td a b {
    color: #0000cc !important; 
}

/* Keep financial balances perfectly intact without contrast shifting */
tr:hover td font[color="green"],
tr:hover td span[style*="color: green"],
tr:hover td [style*="color: green"],
tr:hover td [style*="color:green"] {
    color: green !important;
}

tr:hover td font[color="#cc0000"],
tr:hover td span[style*="color: #cc0000"],
tr:hover td [style*="color: #cc0000"],
tr:hover td [style*="color:#cc0000"] {
    color: #cc0000 !important;
}

/* Keep operational description/sub-notes readable */
tr:hover td small,
tr:hover td small font,
tr:hover td font[color="#555"],
tr:hover td font[color="#555555"],
tr:hover td [style*="color:#555"],
tr:hover td [style*="color:#555555"] {
    color: #555555 !important;
}

/* ==========================================================================
   FORM CONTROLS AND DIALOG LAYOUTS
   ========================================================================== */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea {
    box-sizing: border-box;
    padding: 4px;
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    border-radius: 0px;
}

input[name="voucher_no"] {
    background-color: #ffffcc !important;
    font-weight: bold;
}

/* Beveled Desktop Action Buttons */
input[type="submit"],
button {
    background-color: #d4d0c8;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #808080;
    border-bottom: 2px solid #808080;
    padding: 4px 14px;
    cursor: pointer;
    border-radius: 0px;
}

input[type="submit"]:active,
button:active {
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

/* Standard Inset Status Blocks */
p[style*="color: green"],
div[style*="color: green"] {
    background-color: #d4d0c8 !important;
    color: #008000 !important;
    border: 2px inset #ffffff !important;
    padding: 8px !important;
}

p[style*="color: red"],
div[style*="color: red"] {
    background-color: #d4d0c8 !important;
    color: #cc0000 !important;
    border: 2px inset #ffffff !important;
    padding: 8px !important;
}

/* ==========================================================================
   FIXED SINGLE STRIP MENU TOOLBAR OVERHAUL
   ========================================================================== */
.win98-menu-bar {
    background-color: #d4d0c8;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #808080;
    border-bottom: 2px solid #808080;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    color: #000000;
}

.win98-brand {
    font-size: 12px;
}

.win98-brand small {
    color: #555555;
}

.win98-links {
    font-size: 12px;
    color: #808080;
}

.win98-links a {
    color: #000000 !important;
    text-decoration: none;
    padding: 2px 6px;
    display: inline-block;
}

.win98-links a:hover {
    background-color: #000080;
    color: #ffffff !important;
}

.win98-links .admin-link {
    color: #000080 !important;
    font-weight: bold;
}

.win98-links .admin-link:hover {
    color: #ffffff !important;
}

.win98-logout {
    color: #cc0000 !important;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 6px;
}

.win98-logout:hover {
    background-color: #cc0000;
    color: #ffffff !important;
}

hr {
    border: none;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #ffffff;
    margin: 25px 0;
}