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

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

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

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

.tbb-pg-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-pg-table th.tbb-pg-th--num { text-align: right; }

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

.tbb-pg-td--name {
	font-family: inherit;
	word-break:  break-all;
}

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

.tbb-pg-td--gravy {
	font-weight: 600;
}

/* Hydrophobic (positive GRAVY) → warm orange */
.tbb-pg-gravy--pos { color: #c05621; }

/* Hydrophilic (negative GRAVY) → cool blue */
.tbb-pg-gravy--neg { color: #2b6cb0; }

.tbb-pg-table tbody tr:last-child .tbb-pg-td {
	border-bottom: none;
}

.tbb-pg-table tbody tr:hover .tbb-pg-td {
	background: var(--tbb-seq-surface);
}

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