/* ============================================================
   Custom documentation styles for EximeeBPMS docs
   ============================================================ */

/* ----------------------------------------------------------
   Tables
   Colors match EximeeBPMS brand palette (tech-stack.md):
     dark navy header  #18253D
     header text       rgba(255,255,255,0.80)
     border            #DDE3F0
     accent blue       #2155D4
     body text         #334165
   ---------------------------------------------------------- */

.content-text table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-size: 13px;
    line-height: 1.5;
    color: #334165;
    width: 100%;
    margin-bottom: 24px;
    /* Overflow handled via JS wrapper in single.html — do NOT use
       display:block here as it destroys thead/tbody rendering in Chrome */
}

/* Header cells */
.content-text table th {
    padding: 10px 14px !important;
    background-color: #18253D !important;
    color: rgba(255, 255, 255, 0.80) !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-bottom: none !important;
    text-align: left;
    vertical-align: bottom;
}

.content-text table th:last-child {
    border-right: none !important;
}

/* Body cells */
.content-text table td {
    padding: 9px 14px !important;
    border: 1px solid #DDE3F0 !important;
    vertical-align: top;
    background-color: #ffffff;
}

/* Alternating rows */
.content-text table tbody tr:nth-child(even) td {
    background-color: #F4F7FD !important;
}

/* Hover */
.content-text table tbody tr:hover td {
    background-color: #EBF2FF !important;
}

/* Inline code inside table cells */
.content-text table code {
    padding: 1px 5px !important;
    background-color: rgba(33, 85, 212, 0.07) !important;
    border: 1px solid rgba(33, 85, 212, 0.14) !important;
    border-radius: 3px;
    font-size: 12px;
    color: #1a3a70;
    white-space: nowrap;
}

/* Links inside cells */
.content-text table a {
    color: #2155D4;
    text-decoration: none;
}

.content-text table a:hover {
    text-decoration: underline;
}

/* Scrollable wrapper injected by single.html JS */
.table-scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 24px;
}

.table-scroll-wrap table {
    margin-bottom: 0 !important;
}

/* ----------------------------------------------------------
   Page TOC sidebar — fine-tune colours to brand
   ---------------------------------------------------------- */

.page-toc > h3 {
    color: #7480A0;
    font-size: 11px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.page-toc a {
    color: #334165;
}

.page-toc a:hover,
.page-toc a.active {
    color: #2155D4;
}