/* ==========================================================================
   Protein Molecular Weight — Tool-specific styles
   Shared Benchling-style framework: tools/common/tbb-sequence-tools.css
   ========================================================================== */

/* ── Input textarea ──────────────────────────────────────────────────────── */
.tbb-protein-mw .tbb-seq-textarea {
	min-height:  160px;
	font-family: var(--tbb-seq-font-mono);
	font-size:   12px;
}

/* ── Options ─────────────────────────────────────────────────────────────── */
.tbb-pmw-options {
	display:        flex;
	flex-direction: column;
	gap:            10px;
}

.tbb-pmw-option-row {
	display:     flex;
	align-items: center;
	flex-wrap:   wrap;
	gap:         6px;
	font-size:   12px;
	color:       var(--tbb-seq-text);
}

.tbb-pmw-option-row label {
	font-weight: 500;
	white-space: nowrap;
}

.tbb-pmw-option-row select {
	height:        30px;
	padding:       0 6px;
	border:        1px solid var(--tbb-seq-border);
	border-radius: var(--tbb-seq-radius);
	background:    var(--tbb-seq-bg);
	color:         var(--tbb-seq-text);
	font-size:     12px;
	cursor:        pointer;
}

.tbb-pmw-select--copies { width: 60px; }
.tbb-pmw-select--tag    { flex: 1 1 180px; max-width: 240px; }

/* ── Results table ───────────────────────────────────────────────────────── */
.tbb-pmw-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tbb-pmw-table {
	width:           100%;
	border-collapse: collapse;
	font-size:       12px;
}

.tbb-pmw-table th {
	padding:        6px 12px;
	text-align:     left;
	font-size:      11px;
	font-weight:    600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color:          var(--tbb-seq-text-muted);
	border-bottom:  2px solid var(--tbb-seq-border);
	white-space:    nowrap;
}

.tbb-pmw-table th.tbb-pmw-th--num { text-align: right; }

.tbb-pmw-td {
	padding:        6px 12px;
	border-bottom:  1px solid var(--tbb-seq-surface);
	color:          var(--tbb-seq-text);
	vertical-align: middle;
}

.tbb-pmw-td--name { word-break: break-all; }

.tbb-pmw-td--num {
	font-family: var(--tbb-seq-font-mono);
	text-align:  right;
	white-space: nowrap;
}

.tbb-pmw-td--mw { font-weight: 600; }

.tbb-pmw-table tbody tr:last-child .tbb-pmw-td { border-bottom: none; }
.tbb-pmw-table tbody tr:hover .tbb-pmw-td      { background: var(--tbb-seq-surface); }

/* ── Output pre (copy block) ─────────────────────────────────────────────── */
@media ( min-width: 900px ) {
	.tbb-protein-mw .tbb-seq-output-pre {
		max-height: 400px;
	}
}