/* Карточка оптического усилителя (EDFA): таблица портов в три колонки, scoped на /cwdm/show. */

.erpds-edfa-port-table {
    display: block;
    width: 100%;
}

.erpds-edfa-port-table > .legend,
.erpds-edfa-port-table > .item:not(.erpds-edfa-section) {
    display: grid;
    grid-template-columns: minmax(96px, 9%) minmax(0, 4fr) minmax(0, 5fr);
    align-items: stretch;
}

.erpds-edfa-port-table > .legend {
    background: var(--erpds-accent, #1871a5);
    color: #fff;
}

.erpds-edfa-port-table > .legend > div,
.erpds-edfa-port-table > .item > div {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
}

.erpds-edfa-port-table > .item:not(.erpds-edfa-section) > div {
    border-bottom: 1px solid var(--erpds-border, #DDE1E8);
}

.erpds-edfa-port-table .ov_module {
    border-left: 0;
    font-weight: 700;
    color: var(--erpds-text, #1f2630);
}

.erpds-edfa-port-table > .item > .erpds-edfa-port-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}

.erpds-edfa-port-table .erpds-edfa-swatch {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border: 1px solid var(--erpds-border-strong, #C4CAD4);
    border-radius: 50%;
}

.erpds-edfa-port-table .erpds-edfa-port-lambda {
    color: var(--erpds-text, #1f2630);
}

.erpds-edfa-port-table .erpds-edfa-port-role {
    color: var(--erpds-text-muted, #525A66);
}

.erpds-edfa-port-table .erpds-edfa-com {
    background: var(--erpds-surface-2, #F6F7F9);
}

.erpds-edfa-port-table > .erpds-edfa-section {
    display: block;
}

.erpds-edfa-port-table > .erpds-edfa-section > div {
    display: block;
    padding: 10px 10px 4px;
    border-bottom: 2px solid var(--erpds-accent, #1871a5);
    font-weight: 700;
    color: var(--erpds-accent-text, #125d88);
}

.erpds-edfa-port-table > .item:not(.erpds-edfa-section) > .ov_module,
.erpds-edfa-port-table > .item:not(.erpds-edfa-section) > .port_traf {
    display: flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 720px) {
    .erpds-edfa-port-table > .legend,
    .erpds-edfa-port-table > .item:not(.erpds-edfa-section) {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .erpds-edfa-port-table > .legend > div:last-child,
    .erpds-edfa-port-table > .item:not(.erpds-edfa-section) > .port_traf {
        grid-column: 1 / -1;
    }
}