/*
 * DomCop members' pages: the 2026 refinements on top of the Ace template (owner 2026-09-22, O-34).
 * Same colours as before; only layout, type and the metric popups change. Loaded after new-style.css
 * and ace.css by layouts/app.blade.php (bump the ?v= query there when this file changes).
 */

/* 1. The left icon menu is gone (every entry is in the top bar or the Help menu): the content takes its width. */
.main-content {
	margin-left: 0 !important;
}
.menu-toggler {
	display: none !important;
}

/* 2. The domains table: Inter with tabular figures, so the metric columns line up digit for digit. */
#domcop-table,
#domcop-table th,
#domcop-table td,
.dataTables_info,
.dataTables_paginate,
.dataTables_length {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum' 1, 'cv11' 1;
}
#domcop-table {
	font-size: 13px;
	letter-spacing: -0.01em;
}
#domcop-table thead th {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
}
#domcop-table thead th small {
	font-size: 12px;
}
#domcop-table td.text-center {
	font-size: 13px;
}
#domcop-table tbody td a.domain-link,
#domcop-table tbody td b {
	font-weight: 600;
}
#domcop-table tbody td small {
	font-size: 11px;
}

/* 3. Metric popups (Moz, Ahrefs, Estibot, keyword data, filter summary, errors) in the colorbox lightbox. */
.dc-popup {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #393939;
	padding: 6px 28px 10px 8px; /* room on the right for colorbox's close button */
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum' 1;
}
.dc-popup h1,
.dc-popup h2,
.dc-popup h3,
.dc-popup h4 {
	margin: 0;
	color: #2b3d50;
	line-height: 1.3;
}
.dc-popup h1 {
	font-size: 20px;
	font-weight: 600;
}
.dc-popup h1 .dc-popup-domain {
	color: #307ecc;
}
.dc-popup h2 {
	font-size: 15px;
	font-weight: 600;
	margin: 22px 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e5e8ee;
}
.dc-popup-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 2px solid #307ecc;
}
.dc-popup-head .dc-popup-ext {
	white-space: nowrap;
	font-size: 12px;
	color: #307ecc;
	margin-top: 6px;
	flex: 0 0 auto;
}
.dc-popup-sub {
	margin: -8px 0 14px;
	color: #6b7280;
	font-size: 13px;
}
.dc-popup-sub b {
	color: #393939;
	font-weight: 600;
}
.dc-popup a {
	color: #307ecc;
	text-decoration: none;
}
.dc-popup a:hover {
	text-decoration: underline;
}

/* Headline numbers: a row of cards. */
.dc-kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}
.dc-kpi {
	flex: 1 1 120px;
	min-width: 120px;
	background: #f4f7fb;
	border: 1px solid #dfe6ef;
	border-radius: 4px;
	padding: 10px 12px;
}
.dc-kpi .dc-kpi-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7280;
	margin-bottom: 4px;
}
.dc-kpi .dc-kpi-value {
	font-size: 22px;
	font-weight: 600;
	color: #2b3d50;
	line-height: 1.1;
}
.dc-kpi .dc-kpi-value small {
	font-size: 12px;
	font-weight: 400;
	color: #6b7280;
}
.dc-kpi.dc-kpi-warn .dc-kpi-value,
.dc-kpi.dc-kpi-warn .dc-kpi-value a {
	color: #d15b47;
}
table.dc-metrics.dc-metrics-wide {
	table-layout: fixed;
}
table.dc-metrics.dc-metrics-wide th {
	width: 45%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.dc-metrics.dc-metrics-wide td {
	white-space: normal;
	overflow-wrap: anywhere;
}

/* Label / value table. */
table.dc-metrics {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 6px;
}
table.dc-metrics th,
table.dc-metrics td {
	padding: 7px 10px;
	border-bottom: 1px solid #e5e8ee;
	vertical-align: middle;
	text-align: left;
}
table.dc-metrics th {
	font-weight: 400;
	color: #555;
	width: 60%;
}
table.dc-metrics td {
	text-align: right;
	font-weight: 600;
	color: #2b3d50;
	white-space: nowrap;
}
table.dc-metrics tr:nth-child(even) th,
table.dc-metrics tr:nth-child(even) td {
	background: #fafbfd;
}
table.dc-metrics tr:last-child th,
table.dc-metrics tr:last-child td {
	border-bottom: 0;
}
.dc-metrics-2col {
	display: flex;
	gap: 24px;
}
.dc-metrics-2col > table {
	flex: 1 1 0;
}

/* Bar chart (Moz DA trend): one bar per month, value on top. */
.dc-bars {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	height: 120px;
	padding: 0 2px;
	border-bottom: 1px solid #dfe6ef;
}
.dc-bar {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	min-width: 0;
}
.dc-bar-value {
	font-size: 11px;
	color: #555;
	margin-bottom: 3px;
}
.dc-bar-fill {
	width: 100%;
	max-width: 26px;
	background: #3594ba;
	border-radius: 3px 3px 0 0;
	min-height: 2px;
}
.dc-bar-fill.dc-bar-latest {
	background: #307ecc;
}
.dc-bars-caption {
	font-size: 11px;
	color: #6b7280;
	margin-top: 6px;
}

.dc-popup-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	padding-top: 10px;
	border-top: 1px solid #e5e8ee;
	font-size: 12px;
	color: #6b7280;
}
.dc-popup-foot img {
	max-height: 26px;
}
.dc-popup .alert {
	margin: 10px 0 0;
}
.dc-popup ul.dc-list {
	margin: 0;
	padding-left: 18px;
	line-height: 1.7;
}
.dc-popup .dc-note {
	color: #6b7280;
	font-size: 13px;
	margin: 8px 0 0;
}

@media (max-width: 767px) {
	.dc-metrics-2col {
		display: block;
	}
	.dc-popup-head {
		display: block;
	}
}

/* 4. The Simple and Advanced search panels (O-35, owner's mockups of 2026-09-22): slider rows with editable
   boxes, pills for the checkbox lists, the active-filter chips. Same colours as the Ace widgets. */
.dc-chips-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 4px 6px 10px;
	font-size: 12px;
}
.dc-chips-label {
	color: #6b7280;
	margin-right: 2px;
}
.dc-chips {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}
.dc-chips-none {
	color: #9aa3ad;
}
.dc-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px 3px 10px;
	background: #e8f1fa;
	border: 1px solid #b9d4ec;
	border-radius: 12px;
	color: #2b3d50;
	line-height: 16px;
}
.dc-chip a {
	color: #307ecc;
	font-weight: 700;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
}
.dc-chip a:hover {
	color: #d15b47;
}
.dc-chips-clear {
	margin-left: 2px;
}
.dc-default-search {
	margin: 0 0 0 auto;
	font-weight: normal;
	color: #555555;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.dc-default-search input {
	margin: 0;
}

.dc-sliders {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.dc-sliders-simple {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px 28px;
	padding: 10px 14px 12px;
	margin: 0 6px 12px;
	border: 1px solid #dddddd;
	background: #fafbfc;
	border-radius: 3px;
}
.dc-srow {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) 46px 46px;
	align-items: center;
	gap: 8px;
	min-height: 26px;
}
.dc-sliders-simple .dc-srow {
	grid-template-columns: 112px minmax(0, 1fr) 52px 52px;
}
.dc-slabel {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #393939;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dc-srow .dc-slider {
	margin: 0 7px;
}
.dc-srow .ui-slider {
	height: 6px;
	border: 0;
	background: #e1e6ec;
	border-radius: 3px;
}
.dc-srow .ui-slider .ui-slider-range {
	background: #5da7d8;
	border-radius: 3px;
}
.dc-srow .ui-slider .ui-slider-handle {
	width: 14px;
	height: 14px;
	top: -5px;
	margin-left: -7px;
	border: 2px solid #307ecc;
	background: #ffffff;
	border-radius: 50%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
}
.dc-srow .ui-slider .ui-slider-handle:before {
	display: none;
}
.dc-num,
#searchPanel input.dc-num.input-search {
	width: 100%;
	height: 24px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 0 3px;
	text-align: center;
	font-size: 12px;
	font-family: inherit;
	color: #393939;
	background: #ffffff;
	margin: 0;
	box-shadow: none;
}
.dc-num:focus {
	border-color: #307ecc;
	outline: none;
}
.dc-num::placeholder {
	color: #b5bcc4;
}
.dc-srow-disabled .dc-num-note {
	grid-column: 3 / 5;
	font-size: 11px;
	color: #6b7280;
	white-space: nowrap;
}

.dc-widgets {
	display: grid;
	gap: 12px;
	padding: 0 6px;
	margin-bottom: 10px;
}
.dc-widgets-simple {
	grid-template-columns: 1.2fr 0.9fr 1fr 1.2fr;
}
.dc-adv {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	padding: 0 6px;
	align-items: start;
}
.dc-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}
.dc-col .widget-box,
.dc-widgets .widget-box {
	margin: 0;
}
.dc-col .widget-header,
.dc-widgets .widget-header {
	min-height: 34px;
}
.dc-col .widget-header > .widget-toolbar,
.dc-widgets .widget-header > .widget-toolbar {
	line-height: 34px;
}
.dc-col .widget-header > h5.smaller,
.dc-widgets .widget-header > h5.smaller {
	line-height: 34px;
	font-size: 14px;
}
.dc-widgets .widget-main,
.dc-col .widget-main {
	padding: 8px 10px;
}

.dc-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.dc-pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 3px 9px;
	border: 1px solid #dddddd;
	background: #ffffff;
	border-radius: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #6b7280;
	cursor: pointer;
	line-height: 16px;
	user-select: none;
}
.dc-pill input {
	margin: 0;
	width: 13px;
	height: 13px;
}
.dc-pill.on,
.dc-pill:has(input:checked) {
	border-color: #b9d4ec;
	background: #e8f1fa;
	color: #2b3d50;
}
.dc-pills-dense .dc-pill {
	padding: 2px 7px;
	font-size: 11px;
}
.dc-tld-summary {
	font-size: 12px;
	color: #555555;
	margin-bottom: 6px;
	line-height: 1.6;
}
.dc-tld-summary .dc-chip {
	margin: 0 4px 2px 0;
	padding: 1px 7px;
	font-size: 11px;
}

.dc-checks {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
}
.dc-checks-2col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 10px;
}
.dc-opt {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #555555;
	white-space: nowrap;
}
.dc-opt input {
	margin: 0;
}
.dc-inline {
	display: flex;
	align-items: center;
	gap: 12px;
}
.dc-inline select.form-control {
	flex: 1 1 0;
	min-width: 0;
	width: 1%;
	height: 28px;
	padding: 2px 6px;
	font-size: 12px;
}
.dc-selects {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 8px 0;
}
.dc-selects .form-control {
	height: 28px;
	padding: 2px 6px;
	font-size: 12px;
}
#searchPanel textarea.dc-keyword,
#searchPanel input.dc-keyword {
	height: 44px;
	min-height: 0;
	font-size: 12px;
	padding: 5px 8px;
	margin-bottom: 6px;
	resize: vertical;
}
#searchPanel input.dc-keyword {
	height: 28px;
}
.dc-radios {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	color: #555555;
}
.dc-radios label {
	margin: 0;
	font-weight: normal;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.dc-radios input {
	margin: 0;
}
/* A box without a header (the Ends / Domain Added sliders) gets the top border the header would have carried. */
.dc-col .widget-box.dc-box-headless {
	border-top: 1px solid #cccccc;
}
.dc-box-note {
	font-size: 11px;
	color: #6b7280;
	margin: 8px 0 0;
}

.dc-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	padding: 4px 6px 2px;
}
.dc-actions-options {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin-left: 6px;
}
.dc-match-count {
	margin-left: auto;
	font-size: 12px;
	color: #6b7280;
}

/* The "N filters enabled" line of the collapsed panel carries the same chips. */
#searchResult .dc-chips {
	margin: 0 8px;
	vertical-align: middle;
}

@media (max-width: 1199px) {
	.dc-adv {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.dc-widgets-simple {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.dc-sliders-simple {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.dc-adv,
	.dc-widgets-simple,
	.dc-sliders-simple {
		grid-template-columns: minmax(0, 1fr);
	}
	.dc-default-search {
		margin-left: 0;
	}
}

/* 5. The DA trend in the grid (O-37, 2026-09-22): an SVG line under the number, coloured by direction. */
#domcop-table a.dc-spark {
	display: block;
	width: 44px;
	height: 16px;
	margin: 2px auto 0;
	padding: 0;
	line-height: 0;
}
#domcop-table a.dc-spark svg {
	display: block;
}
#domcop-table .dc-da-chg {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0;
	white-space: nowrap;
}
#domcop-table .dc-da-chg.up {
	color: #69aa46;
}
#domcop-table .dc-da-chg.down {
	color: #d15b47;
}

/* 6. The anchor-text tooltip in the grid (O-38): a light card instead of the black bubble. */
.tooltip.dc-tip {
	opacity: 1;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.tooltip.dc-tip .tooltip-inner {
	width: 380px;
	max-width: 380px;
	padding: 10px 12px;
	background: #ffffff;
	color: #393939;
	text-align: left;
	text-shadow: none;
	border: 1px solid #cfd6df;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
	font-size: 12px;
}
.tooltip.dc-tip.right .tooltip-arrow { border-right-color: #cfd6df; }
.tooltip.dc-tip.left .tooltip-arrow { border-left-color: #cfd6df; }
.tooltip.dc-tip.top .tooltip-arrow { border-top-color: #cfd6df; }
.tooltip.dc-tip.bottom .tooltip-arrow { border-bottom-color: #cfd6df; }
.dc-tip-title {
	font-weight: 600;
	color: #2b3d50;
	margin-bottom: 6px;
	padding-bottom: 5px;
	border-bottom: 2px solid #307ecc;
}
table.dc-tip-table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	font-variant-numeric: tabular-nums;
}
table.dc-tip-table th + th,
table.dc-tip-table td + td {
	width: 62px;
}
table.dc-tip-table th {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7280;
	padding: 2px 8px 4px 0;
	text-align: left;
	white-space: nowrap;
}
table.dc-tip-table th + th,
table.dc-tip-table td + td {
	text-align: right;
	padding-left: 12px;
	white-space: nowrap;
}
table.dc-tip-table td {
	padding: 3px 0;
	border-top: 1px solid #eef1f5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
table.dc-tip-table td + td {
	font-weight: 600;
	color: #2b3d50;
}
.dc-tip-more {
	margin-top: 6px;
	font-size: 11px;
	color: #6b7280;
}
#domcop-table a.dc-anchor-tip img {
	vertical-align: middle;
}

/* 7. The domain details page (O-38): a name header, headline cards, calmer widget tables; the widget shells and colours stay. */
.dc-detail-head {
	text-align: center;
	padding: 6px 0 2px;
}
.dc-detail-name {
	margin: 0;
	font-size: 26px;
	font-weight: 600;
	color: #2b3d50;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -0.01em;
}
.dc-detail-sub {
	display: block;
	margin: 2px 0 8px;
	font-size: 12px;
	color: #6b7280;
}
.dc-detail .btn-minier {
	margin-bottom: 4px;
}
.dc-detail-kpis {
	margin: 6px 0 14px;
}
.dc-detail-kpis .dc-kpi {
	flex: 1 1 110px;
	min-width: 110px;
	text-align: center;
	padding: 8px 10px;
}
.dc-detail-kpis .dc-kpi .dc-kpi-value {
	font-size: 22px;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant-numeric: tabular-nums;
}
.dc-detail-kpis .dc-kpi.dc-kpi-warn {
	border-color: #f0c8c0;
	background: #fdf3f1;
}
.dc-detail .widget-box {
	border-color: #d5dbe3;
	margin-bottom: 14px;
}
.dc-detail .widget-header {
	background: #f5f7fa;
	border-bottom: 1px solid #d5dbe3;
	min-height: 36px;
}
.dc-detail .widget-header > h5,
.dc-detail .widget-header > .widget-toolbar {
	line-height: 36px;
}
.dc-detail .widget-header > h5.bigger.lighter {
	font-size: 14px;
	font-weight: 600;
	color: #2b3d50;
}
.dc-detail .widget-header > h5.bigger.lighter b {
	color: #307ecc;
	font-weight: 600;
}
.dc-detail .widget-toolbar small {
	color: #8a94a1;
	font-size: 11px;
}
.dc-detail .widget-main.no-padding > .table {
	margin-bottom: 0;
	border: 0;
	width: 100%;
	table-layout: fixed;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant-numeric: tabular-nums;
	font-size: 13px;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr > td,
.dc-detail .widget-main.no-padding > .table > tbody > tr > th {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #eceff3;
	padding: 6px 12px;
	vertical-align: middle;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr:first-child > td,
.dc-detail .widget-main.no-padding > .table > tbody > tr:first-child > th {
	border-top: 0;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr > td:first-child {
	color: #555555;
	width: 52%;
	overflow-wrap: anywhere;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr > td:last-child:not(:first-child) {
	text-align: right;
	font-weight: 600;
	color: #2b3d50;
	overflow-wrap: anywhere;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr > td:last-child:not(:first-child) a {
	color: #307ecc;
}
.dc-detail .widget-main.no-padding > .table > tbody > tr > td:last-child small {
	font-weight: 400;
	color: #8a94a1;
}
.dc-detail .table-striped > tbody > tr:nth-child(odd) > td,
.dc-detail .table-striped > tbody > tr:nth-child(odd) > th {
	background: #ffffff;
}
.dc-detail .table-striped > tbody > tr:nth-child(even) > td,
.dc-detail .table-striped > tbody > tr:nth-child(even) > th {
	background: #fafbfd;
}
.dc-detail .table-hover > tbody > tr:hover > td {
	background: #eef5fc;
}
.dc-detail [data-anchors] .table > tbody > tr > th {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7280;
	background: #ffffff;
	padding: 6px 12px;
}
.dc-detail [data-anchors] .table > tbody > tr > th + th {
	text-align: right;
}
.dc-detail [data-anchors] .table > tbody > tr > td:first-child {
	width: auto;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dc-detail [data-anchors] .table > tbody > tr > td + td {
	text-align: right;
	font-weight: 600;
	color: #2b3d50;
	white-space: nowrap;
	width: 1%;
}
.dc-detail td.dc-trend-cell {
	padding: 10px 12px 12px !important;
	background: #ffffff !important;
}
.dc-detail .dc-trend-title {
	font-weight: 600;
	color: #2b3d50;
	margin-bottom: 8px;
}
.dc-detail .dc-bars {
	height: 90px;
	gap: 3px;
}
.dc-detail .dc-bar {
	min-width: 0;
}
.dc-detail .dc-bar-value {
	font-size: 8px;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: -0.3px;
}
.dc-detail [data-section="categories"] .table > tbody > tr > td:first-child {
	width: 50%;
	color: #2b3d50;
	font-weight: 600;
}
.dc-detail [data-section="categories"] .table > tbody > tr > td:last-child {
	text-align: left;
	font-weight: 400;
	color: #555555;
}
.dc-detail #sample-table-1 > tbody > tr:first-child > th,
.dc-detail #sample-table-1 > tbody > tr:nth-child(2) > th {
	background: #f5f7fa;
	color: #2b3d50;
	font-size: 12px;
}
.dc-detail [data-anchors] .table > tbody > tr > th:first-child,
.dc-detail [data-anchors] .table > tbody > tr > td:first-child {
	width: 64%;
}
.dc-detail [data-anchors] .table > tbody > tr > th + th,
.dc-detail [data-anchors] .table > tbody > tr > td + td {
	width: 18%;
}

/* 8. The backlinks page and table (O-39). */
.dc-backlinks-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.dc-backlinks-head h1 {
	margin: 0;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 600;
	color: #2b3d50;
}
.dc-backlinks-head h1 small {
	color: #307ecc;
	font-weight: 600;
}
.dc-backlinks .dc-detail-kpis {
	margin-top: 14px;
}
.dc-links .table {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant-numeric: tabular-nums;
	font-size: 12px;
	border-color: #d5dbe3;
	margin-bottom: 6px;
}
.dc-links .table > thead > tr > th {
	border-color: #d5dbe3;
	vertical-align: bottom;
	background: #f5f7fa;
	color: #2b3d50;
	font-size: 11px;
	line-height: 1.3;
	padding: 6px 8px;
}
.dc-links .table > thead > tr.dc-links-groups > th {
	background: #e9eef4;
	font-size: 12px;
	text-transform: none;
}
.dc-links .table > thead > tr > th.dc-num {
	text-align: right;
}
.dc-links .table > tbody > tr > td {
	border-color: #e5e8ee;
	padding: 6px 8px;
	vertical-align: middle;
}
.dc-links .table > tbody > tr:nth-child(even) > td {
	background: #fafbfd;
}
.dc-links .table > tbody > tr:hover > td {
	background: #eef5fc;
}
.dc-links td.dc-num {
	text-align: right;
	white-space: nowrap;
	color: #2b3d50;
}
.dc-links td.dc-num small {
	color: #8a94a1;
	font-size: 10px;
}
.dc-links td.dc-links-no,
.dc-links .table > thead > tr.dc-links-head > th:first-child {
	color: #8a94a1;
	width: 1%;
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;
	white-space: nowrap;
}
.dc-links td.dc-links-anchor {
	width: 24%;
	min-width: 180px;
	overflow-wrap: break-word;
}
.dc-links .table > thead > tr > th.dc-num,
.dc-links td.dc-num {
	width: 1%;
}
.dc-links td.dc-links-anchor a {
	color: #307ecc;
}
.dc-links td.dc-links-source {
	width: 30%;
	max-width: 320px;
	overflow: hidden;
}
.dc-links .dc-links-host {
	display: block;
	color: #2b3d50;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dc-links .dc-links-title {
	display: block;
	color: #6b7280;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-wrap: anywhere;
	max-width: 100%;
}
.dc-links .dc-links-title a {
	color: #6b7280;
}
.dc-links .dc-links-title a:hover {
	color: #307ecc;
}
.dc-spam {
	display: inline-block;
	min-width: 34px;
	padding: 1px 6px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 11px;
	text-align: center;
}
.dc-spam-low { background: #e6f2e2; color: #3d7a2a; }
.dc-spam-mid { background: #fbeedc; color: #a35f12; }
.dc-spam-high { background: #fbe3df; color: #b73e2b; }
.dc-links-note {
	font-size: 12px;
	color: #6b7280;
	margin: 0 0 10px;
}

/* 9. Every tooltip inside the domains table and on the domain page is the light card (owner 2026-09-22): the
   Ace blue / dark bubbles are gone there. The id and the wrapper class outrank Ace's `.tooltip-info + .tooltip` rules. */
#domcop-table .tooltip,
.dc-detail .tooltip,
.widget-container-span .tooltip {
	opacity: 1;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	z-index: 1200;
}
#domcop-table .tooltip .tooltip-inner,
.dc-detail .tooltip .tooltip-inner,
.widget-container-span .tooltip .tooltip-inner {
	max-width: 300px;
	padding: 6px 10px;
	background: #ffffff;
	color: #393939;
	text-align: left;
	text-shadow: none;
	border: 1px solid #cfd6df;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
	line-height: 1.45;
}
#domcop-table .tooltip .tooltip-inner b,
.dc-detail .tooltip .tooltip-inner b {
	color: #2b3d50;
}
#domcop-table .tooltip.top .tooltip-arrow, .dc-detail .tooltip.top .tooltip-arrow, .widget-container-span .tooltip.top .tooltip-arrow { border-top-color: #cfd6df; }
#domcop-table .tooltip.bottom .tooltip-arrow, .dc-detail .tooltip.bottom .tooltip-arrow, .widget-container-span .tooltip.bottom .tooltip-arrow { border-bottom-color: #cfd6df; }
#domcop-table .tooltip.left .tooltip-arrow, .dc-detail .tooltip.left .tooltip-arrow, .widget-container-span .tooltip.left .tooltip-arrow { border-left-color: #cfd6df; }
#domcop-table .tooltip.right .tooltip-arrow, .dc-detail .tooltip.right .tooltip-arrow, .widget-container-span .tooltip.right .tooltip-arrow { border-right-color: #cfd6df; }

/* 10. The other members' pages (O-40, owner 2026-09-22): My Account, Invoices, Sessions, Excluded Domains, Groups,
   Searches, Exports, the crawler pages. One layer on .page-content: headers, forms, tables and buttons in the same
   type and tones as the domain page; the grid (#domcop-table) keeps its own rules. */
.page-content .page-header {
	margin: 0 0 18px;
	padding: 6px 0 12px;
	border-bottom: 1px solid #e5e8ee;
}
.page-content .page-header h1,
.page-content > h1,
.page-content > .row > .col-xs-12 > h1 {
	margin: 0;
	padding: 0;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #2b3d50;
	letter-spacing: -0.01em;
}
.page-content .page-header h1 small {
	margin-left: 10px;
	font-size: 13px;
	font-weight: 400;
	color: #6b7280;
}
.page-content .page-header h1 small > .icon-double-angle-right,
.page-content .page-header h1 small > i {
	color: #b5bcc4;
	margin-right: 2px;
}
.page-content > h1 + p,
.page-content .page-header + p {
	color: #555555;
}

/* Forms */
.page-content .form-horizontal .control-label {
	font-weight: 600;
	color: #555555;
	font-size: 13px;
	padding-top: 7px;
}
.page-content .form-horizontal .control-label .qtip,
.page-content .form-horizontal .control-label a {
	font-weight: 400;
	color: #307ecc;
}
.page-content .form-control,
.page-content input[type="text"].form-control,
.page-content textarea.form-control,
.page-content select.form-control {
	border: 1px solid #cfd6df;
	border-radius: 3px;
	box-shadow: none;
	font-size: 13px;
	color: #393939;
	background: #ffffff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.page-content .form-control:focus {
	border-color: #307ecc;
	box-shadow: 0 0 0 2px rgba(48, 126, 204, 0.15);
	outline: none;
}
.page-content .form-control[readonly],
.page-content .form-control[disabled] {
	background: #f5f7fa;
	color: #6b7280;
	border-color: #e1e6ec;
}
.page-content .form-horizontal .help-inline,
.page-content .form-horizontal .help-block,
.page-content .form-horizontal .form-group > div > small,
.page-content .form-horizontal .form-group > div > span.grey,
.page-content .form-horizontal .form-group .smaller {
	color: #6b7280;
	font-size: 12px;
	padding-top: 7px;
}
.page-content .form-horizontal .form-group {
	margin-bottom: 10px;
}
.page-content .form-horizontal .form-group .checkbox,
.page-content .form-horizontal .form-group .radio {
	color: #393939;
}

/* Tables (every page but the grid) */
.page-content .table:not(#domcop-table) {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant-numeric: tabular-nums;
	font-size: 13px;
	border-color: #d5dbe3;
}
.page-content .table:not(#domcop-table) > thead > tr {
	background: #f5f7fa;
	background-image: none;
	filter: none;
}
.page-content .table:not(#domcop-table) > thead > tr > th {
	background: #f5f7fa;
	border-color: #d5dbe3;
	color: #2b3d50;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 10px;
	vertical-align: middle;
}
.page-content .table:not(#domcop-table) > tbody > tr > td {
	border-color: #e5e8ee;
	padding: 8px 10px;
	vertical-align: middle;
}
.page-content .table-striped:not(#domcop-table) > tbody > tr:nth-child(odd) > td {
	background: #ffffff;
}
.page-content .table-striped:not(#domcop-table) > tbody > tr:nth-child(even) > td {
	background: #fafbfd;
}
.page-content .table-hover:not(#domcop-table) > tbody > tr:hover > td {
	background: #eef5fc;
}
.page-content .table:not(#domcop-table) .btn-minier,
.page-content .table:not(#domcop-table) .btn-mini,
.page-content .table:not(#domcop-table) .btn-xs {
	border-radius: 3px;
}

/* Buttons and alerts: same colours, softer corners */
.page-content .btn {
	border-radius: 3px;
}
.page-content .btn-group > .btn {
	border-radius: 0;
}
.page-content .btn-group > .btn:first-child {
	border-radius: 3px 0 0 3px;
}
.page-content .btn-group > .btn:last-child {
	border-radius: 0 3px 3px 0;
}
.page-content .alert {
	border-radius: 4px;
}
.page-content .label {
	border-radius: 3px;
}

/* The Ace widget boxes on the crawler pages and the dashboard tiles */
.page-content .widget-box {
	border-color: #d5dbe3;
}
.page-content .widget-header {
	background: #f5f7fa;
	border-bottom: 1px solid #d5dbe3;
}
.page-content .widget-header > h5,
.page-content .widget-header > h4 {
	color: #2b3d50;
	font-weight: 600;
}
.page-content .infobox {
	border-radius: 4px;
	border-color: #dfe6ef;
	background: #f4f7fb;
}
.page-content .infobox > .infobox-data > .infobox-data-number {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 600;
}
.page-content .page-header h1 > a {
	color: inherit;
	text-decoration: none;
}
.page-content .page-header h1 > a:hover {
	color: #307ecc;
}

/* 11. Dialogs, confirmations, toasts, the tour (O-41, owner 2026-09-22). */
.modal.dc-modal .modal-content,
.page-content .modal .modal-content {
	border: 1px solid #cfd6df;
	border-radius: 6px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.modal.dc-modal .modal-header,
.page-content .modal .modal-header {
	padding: 14px 18px 0;
	border-bottom: 0;
}
.modal.dc-modal .modal-header .page-header,
.page-content .modal .modal-header .page-header {
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 2px solid #307ecc;
}
.modal.dc-modal .modal-header .page-header h1,
.page-content .modal .modal-header .page-header h1 {
	font-size: 18px;
	font-weight: 600;
	color: #2b3d50;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}
.modal.dc-modal .modal-header .page-header h1 small,
.page-content .modal .modal-header .page-header h1 small {
	display: block;
	margin: 3px 0 0;
	font-size: 12px;
	color: #6b7280;
}
.modal.dc-modal .modal-header .page-header h1 small .icon-double-angle-right {
	display: none;
}
.modal.dc-modal .modal-header .close,
.page-content .modal .modal-header .close {
	margin: 2px 0 0;
	font-size: 16px;
	color: #6b7280;
	opacity: 1;
}
.modal.dc-modal .modal-header .close:hover {
	color: #d15b47;
}
.modal.dc-modal .modal-body,
.page-content .modal .modal-body {
	padding: 16px 18px;
	font-size: 13px;
	color: #393939;
}
.modal.dc-modal .modal-footer,
.page-content .modal .modal-footer {
	padding: 10px 18px 14px;
	border-top: 1px solid #e5e8ee;
	background: #fafbfd;
	border-radius: 0 0 6px 6px;
	margin-top: 0;
}
.modal .modal-footer .btn {
	border-radius: 3px;
	margin-left: 6px;
}
.dc-form .dc-field {
	margin-bottom: 14px;
}
.dc-form .dc-field > label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #555555;
	margin-bottom: 5px;
}
.dc-form .form-control {
	height: 34px;
	border: 1px solid #cfd6df;
	border-radius: 3px;
	box-shadow: none;
	font-size: 14px;
}
.dc-form .form-control:focus {
	border-color: #307ecc;
	box-shadow: 0 0 0 2px rgba(48, 126, 204, 0.15);
	outline: none;
}
.dc-form .form-control.dc-mono {
	font-family: SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.04em;
}
.dc-form .dc-pills .dc-pill {
	font-size: 12px;
	padding: 5px 11px;
}
.dc-form table.dc-legend {
	margin-top: 6px;
	font-size: 12px;
}
.dc-form table.dc-legend th {
	width: 12%;
	font-family: SFMono-Regular, Menlo, Consolas, monospace;
	font-weight: 600;
	color: #2b3d50;
}
.dc-form table.dc-legend td {
	text-align: left;
	font-weight: 400;
	color: #555555;
	white-space: normal;
}

/* The confirmation dialog */
.modal.dc-confirm .modal-dialog {
	margin-top: 18vh;
}
.modal.dc-confirm .modal-body {
	padding: 20px 20px 12px;
}
.modal.dc-confirm .dc-confirm-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #2b3d50;
}

/* The column chooser */
.dc-columns-filter {
	position: sticky;
	top: 0;
	background: #ffffff;
	padding: 0 0 8px;
	z-index: 1;
}
.dc-columns-filter .form-control {
	height: auto;
	font-size: 15px;
	padding: 8px 12px;
	border: 1px solid #cfd6df;
	border-radius: 3px;
	box-shadow: none;
}
.dc-columns-chooser {
	font-size: 15px;
	line-height: 1.6;
}

/* Toasts */
#dc-toasts .dc-toast {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 8px;
	padding: 10px 14px;
	background: #ffffff;
	color: #2b3d50;
	border: 1px solid #cfd6df;
	border-left: 4px solid #69aa46;
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4;
}
#dc-toasts .dc-toast > i {
	color: #69aa46;
	margin-top: 2px;
}
#dc-toasts .dc-toast.dc-toast-warn {
	border-left-color: #e5a533;
}
#dc-toasts .dc-toast.dc-toast-warn > i {
	color: #e5a533;
}

/* The filter summary popup */
.dc-chips-large .dc-chip {
	font-size: 13px;
	padding: 5px 12px;
}

/* The quick tour (guiders) */
.guider {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	border: 1px solid #cfd6df;
	border-radius: 6px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
	background: #ffffff;
	color: #393939;
}
.guider .guider_title {
	font-size: 16px;
	font-weight: 600;
	color: #2b3d50;
	border-bottom: 2px solid #307ecc;
	padding-bottom: 6px;
	margin-bottom: 8px;
}
.guider .guider_description {
	font-size: 13px;
	line-height: 1.5;
	color: #393939;
}
.guider .guider_button {
	border-radius: 3px;
	background: #307ecc;
	border: 1px solid #307ecc;
	color: #ffffff;
	text-shadow: none;
	font-weight: 600;
	font-size: 12px;
}
.guider .guider_button:hover {
	background: #1e5fa3;
}
.guider .guider_close {
	opacity: 0.6;
}

/* The small badges under a domain name in the grid */
#domcop-table i.blue.bigger-110 > b {
	display: inline-block;
	padding: 0 4px;
	border-radius: 3px;
	background: #e8f1fa;
	color: #307ecc;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0.02em;
}

/* 12. The login, register and password pages (O-41): the dark backdrop stays, the card is softer. */
.login-layout .login-container .center h4.blue {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9fb3c8;
}
.login-layout .login-box.widget-box,
.login-layout .widget-box.no-border {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
	overflow: hidden;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.login-layout .widget-box .widget-main {
	padding: 22px 26px 14px;
}
.login-layout .widget-main h4.header {
	font-size: 18px;
	font-weight: 600;
	color: #2b3d50;
	border-bottom: 2px solid #307ecc;
	padding-bottom: 8px;
	margin: 0 0 4px;
}
.login-layout .widget-main h4.header i {
	color: #307ecc;
}
.login-layout .form-control {
	height: 40px;
	border: 1px solid #cfd6df;
	border-radius: 4px;
	box-shadow: none;
	font-size: 14px;
	padding-left: 12px;
}
.login-layout .form-control:focus {
	border-color: #307ecc;
	box-shadow: 0 0 0 3px rgba(48, 126, 204, 0.15);
}
.login-layout .input-icon > i {
	color: #9aa3ad;
	line-height: 40px;
}
.login-layout .btn {
	border-radius: 4px;
	font-weight: 600;
}
.login-layout .btn-sm {
	height: 36px;
	line-height: 24px;
}
.login-layout label.inline .lbl {
	font-size: 13px;
}
.login-layout .recaptcha-declaration {
	color: #8a94a1;
}
.login-layout .recaptcha-declaration a {
	color: #307ecc;
}
.login-layout .widget-box .toolbar {
	background: #f5f7fa;
	border-top: 1px solid #e5e8ee;
	padding: 10px 26px;
}
.login-layout .widget-box .toolbar a {
	color: #307ecc;
	font-size: 13px;
	font-weight: 600;
}
.login-layout .widget-box .toolbar a:hover {
	color: #1e5fa3;
	text-decoration: underline;
}
.login-layout .login-box .toolbar,
.login-layout .signup-box .toolbar,
.login-layout .forgot-box .toolbar {
	background: #f5f7fa;
}
.login-layout .login-box .toolbar > div > a,
.login-layout .signup-box .toolbar > div > a,
.login-layout .forgot-box .toolbar > div > a {
	color: #307ecc;
	text-shadow: none;
}
.login-layout .signup-box .widget-main h4.header {
	color: #2b3d50;
	border-bottom-color: #69aa46;
}
.login-layout .signup-box .widget-main h4.header i {
	color: #69aa46;
}
.login-layout .widget-main .alert {
	border-radius: 4px;
	font-size: 13px;
}

/* 13. The 404 page and the small utility pages (O-41). */
.page-content .error-container .well {
	background: #ffffff;
	border: 1px solid #d5dbe3;
	border-radius: 6px;
	box-shadow: none;
	padding: 24px 28px;
}
.page-content .error-container h1.grey.lighter.smaller {
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #2b3d50;
}
.page-content .error-container h1.grey.lighter.smaller .blue {
	color: #307ecc;
}
.page-content .error-container h3.lighter.smaller {
	font-size: 16px;
	color: #555555;
}
.page-content .error-container h4.smaller {
	font-size: 13px;
	font-weight: 600;
	color: #555555;
}
.page-content .error-container ul.spaced li {
	font-size: 13px;
}
.page-content .error-container hr {
	border-color: #e5e8ee;
}
.page-content .dc-banner {
	font-size: 13px;
	border-radius: 4px;
}
/* The reCAPTCHA note sits in the flow (the legacy absolute position collided with the taller card). */
.login-layout .recaptcha-declaration.login-recaptcha-declaration,
.login-layout .recaptcha-declaration.passreset-recaptcha-declaration {
	position: static;
	margin-top: 14px;
}
.login-layout .widget-box .toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 16px;
	font-size: 12px;
}
.login-layout .widget-box .toolbar > div {
	flex: 1 1 auto;
	float: none;
}
.login-layout .widget-box .toolbar a {
	font-size: 12px;
	white-space: nowrap;
}
.login-layout .widget-box .toolbar > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
}

/* 14. Cards on the members' pages, the right-click menu, the industry rows (O-42, owner 2026-09-22): My Account,
   Excluded Domains and Billing are grouped into .dc-card sections; the domains table's context menu is a light card;
   the Industry widget shows "Parent > Sub-category" in one cell. */
.dc-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: flex-start;
}
.dc-cards-col {
	flex: 1 1 380px;
	min-width: 0;
}
.dc-fields-2 {
	display: flex;
	gap: 14px;
}
.dc-fields-2 > .dc-field {
	flex: 1 1 0;
	min-width: 0;
}
.dc-card {
	margin: 0 0 18px;
	border: 1px solid #dfe6ef;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(43, 61, 80, 0.04);
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.dc-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 11px 16px;
	border-bottom: 1px solid #e5e8ee;
	background: #f7f9fc;
	border-radius: 6px 6px 0 0;
}
.dc-card-head h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #2b3d50;
}
.dc-card-head h2 > i {
	width: 18px;
	margin-right: 2px;
	text-align: center;
	color: #307ecc;
	font-size: 13px;
}
.dc-card-meta {
	font-size: 12px;
	color: #6b7280;
}
.dc-card-meta b {
	color: #2b3d50;
	font-weight: 600;
}
a.dc-card-meta {
	color: #307ecc;
}
a.dc-card-meta:hover {
	text-decoration: underline;
}
.dc-card-head .btn {
	border-radius: 3px;
}
.dc-card-head .btn-primary,
.dc-card-head .btn-primary:hover {
	color: #fff;
}
.dc-card-body {
	padding: 16px;
}
.dc-card-body > .dc-field:last-child,
.dc-card-body > form > .dc-field:last-child {
	margin-bottom: 0;
}
.dc-form .dc-field > label {
	color: #4b5563;
}
.dc-form textarea.form-control {
	height: auto;
	line-height: 1.45;
}
.dc-form select.form-control {
	height: 34px;
	padding: 5px 8px;
}
.dc-form .form-control[readonly] {
	background: #f5f7fa;
	color: #555555;
	cursor: default;
}
.dc-input-row {
	display: flex;
	gap: 8px;
	align-items: center;
}
.dc-input-row > .form-control {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}
.dc-input-row > .btn {
	flex: 0 0 auto;
	white-space: nowrap;
}
.dc-input-row-2 > .form-control {
	flex: 1 1 0;
}
.dc-hint {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.45;
	color: #6b7280;
}
.dc-hint-error {
	color: #d15b47;
}
.dc-checks .dc-check {
	display: block;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 400;
	color: #393939;
}
.dc-checks .dc-check:last-child {
	margin-bottom: 0;
}
.dc-form .dc-pills .dc-pill {
	font-weight: 500;
}
.dc-form-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 24px;
	padding: 12px 16px;
	border: 1px solid #dfe6ef;
	border-radius: 6px;
	background: #f7f9fc;
}
.dc-form-actions .btn {
	border-radius: 3px;
}
.dc-form-actions-note {
	margin-left: auto;
	font-size: 12px;
	color: #6b7280;
}
.page-content .btn.btn-white {
	background: #fff;
	color: #2b3d50;
	border: 1px solid #cfd6df;
	text-shadow: none;
}
.page-content .btn.btn-white:hover {
	background: #eef5fc;
	border-color: #307ecc;
	color: #307ecc;
}
.dc-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}
.dc-toolbar .btn {
	border-radius: 3px;
}
.dc-toolbar-links {
	margin-left: 6px;
	font-size: 12px;
}
.dc-toolbar-links a {
	margin-right: 10px;
	color: #307ecc;
}
.dc-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.dc-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 4px 10px 4px 8px;
	border: 1px solid #dfe6ef;
	border-radius: 14px;
	background: #fafbfd;
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #2b3d50;
	cursor: pointer;
	user-select: none;
}
.dc-chip input {
	margin: 0;
}
.dc-chip:hover {
	border-color: #b9d4ec;
	background: #eef5fc;
}
.dc-chip:has(input:checked) {
	border-color: #307ecc;
	background: #e3f0fb;
	color: #1a5f8e;
}
.dc-empty {
	margin: 0;
	padding: 18px;
	border: 1px dashed #d8dee6;
	border-radius: 6px;
	background: #fafbfd;
	font-size: 13px;
	color: #6b7280;
	text-align: center;
}
.dc-note {
	margin: 0 0 12px;
	font-size: 13px;
	color: #4b5563;
}
.dc-billing .dc-kpis {
	margin: 0;
}
.dc-billing .dc-kpi {
	flex: 1 1 180px;
}
.dc-billing .dc-kpi-value.dc-kpi-text {
	font-size: 15px;
	line-height: 1.35;
}
.dc-billing .dc-kpi-value small {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: 400;
	color: #6b7280;
}
.dc-billing .dc-kpi.dc-kpi-ok .dc-kpi-value {
	color: #2e8b57;
}
.dc-billing .dc-kpi.dc-kpi-warn {
	border-color: #f0c8b4;
	background: #fdf4ef;
}
.dc-billing .dc-kpi.dc-kpi-warn .dc-kpi-value {
	color: #d15b47;
}
.dc-billing .dc-kpi.dc-kpi-off .dc-kpi-value {
	color: #6b7280;
}
.dc-field-short {
	max-width: 320px;
}
.page-content .table.dc-plans > tbody > tr > td,
.page-content .table.dc-invoices > tbody > tr > td {
	vertical-align: middle;
}
.page-content .table.dc-plans .btn,
.page-content .table.dc-invoices .btn {
	border-radius: 3px;
}
@media (max-width: 767px) {
	.dc-cards {
		display: block;
	}
	.dc-fields-2 {
		display: block;
	}
	.dc-form-actions {
		flex-wrap: wrap;
	}
	.dc-form-actions-note {
		flex-basis: 100%;
		margin-left: 0;
	}
}

/* The right-click menu of a domain row: jquery.contextMenu clones #myDomainsMenu ul into #jqContextMenu; grid.js passes
   empty inline styles so these rules apply. */
#jqContextMenu {
	min-width: 230px;
	padding: 6px 0 4px;
	border: 1px solid #cfd6df;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	font-family: 'Inter', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	color: #2b3d50;
}
#jqContextMenu .dc-cm-title {
	margin: 0 0 4px;
	padding: 4px 14px 8px;
	border-bottom: 1px solid #e5e8ee;
	font-size: 13px;
	font-weight: 600;
	color: #2b3d50;
	word-break: break-all;
}
#jqContextMenu ul.dc-cm {
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	border: 0;
	background: transparent;
}
#jqContextMenu ul.dc-cm > li {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 6px;
	padding: 6px 8px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #2b3d50;
	line-height: 18px;
	cursor: pointer;
	white-space: nowrap;
}
#jqContextMenu ul.dc-cm > li:hover {
	background: #eef5fc;
	color: #1a5f8e;
}
#jqContextMenu ul.dc-cm > li.dc-cm-group,
#jqContextMenu ul.dc-cm > li.dc-cm-group:hover {
	margin-top: 4px;
	padding: 6px 8px 2px;
	background: transparent;
	color: #8a94a6;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: default;
}
#jqContextMenu ul.dc-cm > li.dc-cm-danger:hover {
	background: #fdf0ee;
	color: #b93f2e;
}
#jqContextMenu .dc-cm-icon {
	flex: 0 0 16px;
	width: 16px;
	text-align: center;
	font-size: 13px;
	color: #7d8a9a;
}
#jqContextMenu li:hover .dc-cm-icon {
	color: inherit;
}
#jqContextMenu .dc-cm-logo.sprite-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../../images/icon-sprite.png') no-repeat;
}
#jqContextMenu img.dc-cm-icon {
	height: 14px;
	width: 14px;
	padding: 0 !important;
	vertical-align: middle;
}

/* The Industry widget on the domain page: one industry per row, "Parent > Sub-category" in one cell. */
.dc-detail td.dc-industry {
	font-weight: 500;
	color: #2b3d50;
}
.dc-detail td.dc-industry .dc-industry-sep {
	margin: 0 4px;
	color: #b5bcc4;
}

/* Provider logos on the domain page (owner 2026-09-22): the legacy 16px icons on the tool buttons and widget headers. */
.dc-detail .btn-minier .dc-tool-logo {
	width: 13px;
	height: 13px;
	margin: 0 5px 0 0;
	vertical-align: -2px;
	border-radius: 2px;
	background: #fff;
	padding: 1px;
	box-sizing: content-box;
}
.dc-detail .widget-header h5 .dc-widget-logo {
	width: 16px;
	height: 16px;
	margin: 0 7px 0 0;
	vertical-align: -3px;
}