/**
 * Known Universe - Activity Feed Topics
 *
 * Topics-specific styling only. The table's overall look (dark-blue
 * header, cell padding, font sizes) already comes automatically from
 * ku-dashboard-shared.css, which is unconditionally loaded on the World
 * Setup page - nothing here duplicates that. This file only covers what
 * is genuinely unique to the Topics table: column widths, the Topic Name
 * input, and the Who Can Post dropdown sizing.
 */

/* ==========================================================
   Column Widths
   ========================================================== */

.ku-world-topics-table {
	table-layout: fixed;
	width: 100%;
}

.ku-world-topics-table th:nth-child(1),
.ku-world-topics-table td:nth-child(1) {
	width: 70px;
}

.ku-world-topics-table th:nth-child(3),
.ku-world-topics-table td:nth-child(3) {
	width: 180px;
}

.ku-world-topics-table th:nth-child(4),
.ku-world-topics-table td:nth-child(4) {
	width: 60px;
	text-align: center;
}

/* ==========================================================
   Topic Name Input
   ========================================================== */

.ku-world-topics-name-input {
	width: 100%;
	max-width: 320px;
	border: 1px solid var( --ku-input-border, #ccc );
	border-radius: var( --ku-radius-small, 4px );
	background: var( --ku-input-bg, #fff );
	color: var( --ku-text, #333 );
	font-size: 14px;
	line-height: 1.4;
	padding: 6px 10px;
	box-sizing: border-box;
}

.ku-world-topics-name-input:focus {
	border-color: var( --ku-primary, #122B46 );
	outline: none;
	box-shadow: 0 0 0 2px rgba( 18, 43, 70, 0.20 );
}

/* ==========================================================
   Who Can Post Dropdown
   ========================================================== */

.ku-world-topics-permission-select {
	width: 100%;
	max-width: 170px;
	min-height: 34px;
	padding: 6px 10px;
	box-sizing: border-box;
	border: 1px solid var( --ku-input-border, #ccc );
	border-radius: var( --ku-radius-small, 4px );
	background: var( --ku-input-bg, #fff );
	color: var( --ku-text, #333 );
	font-size: 14px;
	line-height: 1.4;
}

.ku-world-topics-permission-select:focus {
	border-color: var( --ku-primary, #122B46 );
	outline: none;
	box-shadow: 0 0 0 2px rgba( 18, 43, 70, 0.20 );
}

/* ==========================================================
   Add a Topic Form
   ========================================================== */

.ku-world-topics-add-form select,
.ku-world-topics-add-form input[type="text"] {
	width: 100%;
	max-width: 320px;
	min-height: 34px;
	padding: 6px 10px;
	box-sizing: border-box;
	border: 1px solid var( --ku-input-border, #ccc );
	border-radius: var( --ku-radius-small, 4px );
	background: var( --ku-input-bg, #fff );
	color: var( --ku-text, #333 );
	font-size: 14px;
	line-height: 1.4;
}