@charset "UTF-8";

/* 본문 */
div.make-container {
	max-width:100%;
	margin:0 auto;
	padding:0.5em;
}

div.filters {
	display:flex;
	align-items: center;
	padding:.5em;
	margin:0 0 .4em;
	border:1px solid #ccc;
	background:#f0f0f0;
	font-size:14px;
}
div.filters > div.unit:not(:last-child){
	margin-right:2em;
}

table {
	font-size:12px;
}

label.radio:not(:last-child) {
	margin-right:2em;
}

/*기본 발신번호*/
div.caller-num-list {
	margin:4px 0 8px;
}
div.caller-num-list span {
	margin-left:4px;
	margin-right:6px;
}

div.CALL_STATUS {
	display:inline-block;
	border:1px solid #ccc;
	border-radius: 4px;
	padding:2px 2px 2px 4px;
}
button.delete-call-result {
	margin-left:2px;
}
div.CALL_STATUS.collabee-mapped {
	display:inline-flex;
	align-items:center;
	gap:4px;
	margin:2px 2px 2px 0;
}
select.collabee-result-code {
	width:150px;
	height:26px;
	padding:1px 4px;
	font-size:12px;
}

.device-test-panel {
	max-width:640px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
.device-test-summary {
	margin-left:8px;
	color:#666;
	font-size:12px;
}
.device-test-result {
	display:none;
	margin-top:8px;
	border:1px solid #d5d9df;
	background:#fafbfc;
}
.device-test-result.is-visible {
	display:block;
}
.device-test-row {
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:8px 10px;
	line-height:1.45;
}
.device-test-row + .device-test-row {
	border-top:1px solid #e5e7eb;
}
.device-test-badge {
	flex:0 0 42px;
	padding:1px 4px;
	border-radius:3px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.device-test-row.ok .device-test-badge {background:#2e8540;}
.device-test-row.warn .device-test-badge {background:#c78500;}
.device-test-row.fail .device-test-badge {background:#c93b3b;}
.device-test-name {
	min-width:130px;
	font-weight:700;
}
.device-test-message {
	flex:1;
	min-width:0;
	word-break:break-word;
}

.caller-num-save-hint {
	color:#1f8dd6;
}

/* Dark theme: caller numbers and device feedback stay on graphite surfaces. */
html:is(.pt-dark,.pt-auto) table.caller-num-list td {
	background:var(--pt-surface-2);
	border-color:var(--pt-border-strong);
	color:var(--pt-text);
}
html:is(.pt-dark,.pt-auto) table.caller-num-list .manage-num,
html:is(.pt-dark,.pt-auto) .caller-num-save-hint {
	color:var(--pt-blue-text);
}
html:is(.pt-dark,.pt-auto) div.CALL_STATUS {
	background:var(--pt-surface-3);
	border-color:var(--pt-border-strong);
	color:var(--pt-text);
}
html:is(.pt-dark,.pt-auto) .device-test-panel {
	border-top-color:var(--pt-border-strong);
}
html:is(.pt-dark,.pt-auto) .device-test-summary,
html:is(.pt-dark,.pt-auto) .page-contents :is(span,div)[style*="color:var(--pt-text-muted)"],
html:is(.pt-dark,.pt-auto) .page-contents :is(span,div)[style*="color:#888"] {
	color:var(--pt-text-muted) !important;
}
html:is(.pt-dark,.pt-auto) .device-test-result {
	background:var(--pt-surface-2);
	border-color:var(--pt-border-strong);
}
html:is(.pt-dark,.pt-auto) .device-test-row + .device-test-row {
	border-top-color:var(--pt-border);
}