/* Global styles for MGHPCC Portal */

/* Body and template styles */
body {
    padding-top: 50px;
}

.mghpcc-template {
    padding: 40px 15px;
}

/* Navbar styles */
.navbar.bg-dark {
    background-color: #231f20 !important;
}

.navbar-brand img {
    margin-top: -5px;
}

/* Dropdown submenu styles */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

/* Table styles */
.table th {
    white-space: normal !important;
    word-wrap: break-word;
    max-width: 200px;
    vertical-align: top;
    padding: 8px;
    line-height: 1.2;
}

/* Monospace font for tabular data only */
.table td {
    white-space: nowrap;
    font-family: "IBM Plex Mono", "SF Mono", "Roboto Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
    font-size: 14px;
}

/* Default font for buttons and interactive elements in tables */
.table td .btn,
.table th .btn,
.table td button,
.table th button,
.table td a.btn,
.table th a.btn,
.table td input[type="button"],
.table th input[type="button"],
.table td input[type="submit"],
.table th input[type="submit"],
.table td select,
.table th select,
.table td input[type="text"],
.table th input[type="text"],
.table td input[type="number"],
.table th input[type="number"],
.table td input[type="checkbox"],
.table th input[type="checkbox"],
.table td input[type="radio"],
.table th input[type="radio"],
.table td .dropdown,
.table th .dropdown,
.table td .modal,
.table th .modal {
    font-family: inherit;
    font-size: inherit;
}

/* Default font for links in tables (but keep monospace for data links) */
.table td a:not([href*="#"]),
.table th a:not([href*="#"]) {
    font-family: inherit;
}

/* Keep monospace for data-specific elements */
.table td .data-value,
.table td .numeric,
.table td .date,
.table td .time,
.table td .id,
.table td .serial-number,
.table td .ip-address,
.table td .device-id {
    font-family: "IBM Plex Mono", "SF Mono", "Roboto Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
}

/* Default alignment for all cells */
.table td,
.table th {
    text-align: left;
}

/* Right align numeric columns */
.table td.numeric,
.table th.numeric {
    text-align: right;
}

/* Right align specific columns that contain numbers */
.table td[data-type="number"],
.table th[data-type="number"] {
    text-align: right;
}

/* Right align columns with specific classes */
.table td.wh,
.table th.wh,
.table td.kwh,
.table th.kwh,
.table td.watts,
.table th.watts,
.table td.amps,
.table th.amps,
.table td.percent,
.table th.percent {
    text-align: right;
}