/* The portal's only stylesheet beyond Bootstrap. Kept external so the
   Content-Security-Policy can forbid inline styles outright. */

.sharing-graph {
    max-height: 480px;
}

/* Node and label colours follow the active Bootstrap colour mode. */
.sharing-graph-node {
    fill: var(--bs-body-bg);
    stroke: var(--bs-body-color);
}

.sharing-graph-label {
    font-size: 12px;
    fill: var(--bs-body-color);
}

/* The mailbox a single-mailbox graph is about: filled, centred, bold label. */
.sharing-graph-node-owner {
    fill: #0d6efd;
    stroke: #0d6efd;
}

.sharing-graph-label-owner {
    font-weight: 600;
}

.legend-line {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
}

.legend-line-rw {
    border-top: 2px solid #0d6efd;
}

.legend-line-ro {
    border-top: 2px dashed #6c757d;
}

.legend-line-full {
    border-top: 2px solid #dc3545;
}

/* Table headers: a subtle, colour-mode-aware tint instead of Bootstrap's
   fixed-light `.table-light`, which stayed white in dark mode. */
.table > thead {
    background-color: var(--bs-tertiary-bg);
}

.folder-picker {
    max-height: 220px;
    overflow-y: auto;
}