/* Only active on the accounts page (body class added by script.js) */
body.probyte-ui .col-hide {
	display: none !important;
}

/* More breathing room in the accounts table */
body.probyte-ui main table td,
body.probyte-ui main table th {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

/* Display name cell: prominent, roomy */
body.probyte-ui td.dn-cell {
	width: 260px;
	min-width: 260px;
	max-width: 260px;
	padding-left: 14px !important;
	padding-right: 20px !important;
}

body.probyte-ui td.dn-cell strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Alias underneath the display name */
body.probyte-ui td.dn-cell .alias {
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--color-text-maxcontrast, #808080);
	margin-top: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Compact utility columns: override Nextcloud's --cell-width variable */
body.probyte-ui main table th:nth-child(1),
body.probyte-ui main table td:nth-child(1) {
	--cell-width: 44px !important;
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
}

body.probyte-ui main table th:nth-child(5),
body.probyte-ui main table td:nth-child(5) {
	--cell-width: 150px !important;
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.probyte-ui main table th:nth-child(6),
body.probyte-ui main table td:nth-child(6) {
	--cell-width: 190px !important;
	width: 190px !important;
	min-width: 190px !important;
	max-width: 190px !important;
}

body.probyte-ui main table th:nth-child(8),
body.probyte-ui main table td:nth-child(8) {
	--cell-width: 150px !important;
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
}

body.probyte-ui main table th:nth-child(10),
body.probyte-ui main table td:nth-child(10) {
	--cell-width: 88px !important;
	width: 88px !important;
	min-width: 88px !important;
	max-width: 88px !important;
}

/* Keep the edit-mode display name input usable */
body.probyte-ui tr.row-edit td.dn-cell {
	min-width: 240px;
}

body.probyte-ui tr.row-edit td.dn-cell input {
	width: 100%;
}