/*
=================================================================
LUXDOM — clean professional light theme
Primary #2563eb · white cards on #eef2f6 · slate text
(CSS restyle only; HTML structure / class names unchanged.)
=================================================================
*/

:root {
	--bg:          #eef2f6;
	--surface:     #ffffff;
	--surface-2:   #f8fafc;
	--surface-3:   #f1f5f9;
	--border:      #e2e8f0;
	--border-str:  #cbd5e1;

	--text:        #1e293b;
	--text-dim:    #475569;
	--text-mut:    #94a3b8;

	--accent:      #2563eb;
	--accent-hover:#1d4ed8;
	--accent-soft: #eff6ff;
	--accent-ink:  #ffffff;

	--ok:   #16a34a;
	--warn: #d97706;
	--bad:  #dc2626;

	--radius:    10px;
	--radius-sm: 8px;
	--shadow:    0 1px 2px rgba(15,23,42,0.04), 0 1px 3px rgba(15,23,42,0.07);
}

/*
=================================================================
Structure
=================================================================
*/

#container { width:100%; margin:0 auto; }

#main_div {
	width:100%;
	max-width:1320px;
	margin:0 auto;
	padding:0 24px 36px 24px;
	box-sizing:border-box;
}

#clearzone { clear:both; }

.copyright {
	color:var(--text-mut);
	font-size:12px;
	margin-top:16px;
	text-align:center;
}

/*
=================================================================
Links
=================================================================
*/

a:link, a:visited, a:active { color:var(--accent); text-decoration:none; }
a:hover { color:var(--accent-hover); text-decoration:underline; }

/*
=================================================================
Page header
=================================================================
*/

#page_header {
	margin:20px 0 4px 0;
	padding:14px 18px;
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
}

#page_header .page_title {
	margin-right:10px;
	color:#0f172a;
	font-size:18px;
	font-weight:600;
}

#page_header .login_user_caption { font-size:13px; color:var(--text-mut); }

#page_header .login_user_name {
	display:inline-block;
	font-size:12px;
	font-weight:600;
	color:var(--accent);
	padding:3px 10px;
	border-radius:999px;
	background:var(--accent-soft);
}

/*
=================================================================
Detail rows
=================================================================
*/

td.column_caption {
	width:210px;
	font-size:14px;
	color:var(--text-dim);
	text-align:right;
	padding:10px 14px;
	vertical-align:top;
}
td.column_value { font-size:14px; color:var(--text); text-align:left; padding:10px 14px; }
.required { color:var(--bad); }

/*
=================================================================
Form controls
=================================================================
*/

input[type=text], input[type=password], input[type=email],
input[type=number], input[type=search], input[type=tel],
input[type=url], input[type=date], input[type=datetime-local],
select, textarea {
	font-family:inherit;
	font-size:14px;
	color:var(--text);
	padding:8px 11px;
	border:1px solid var(--border-str);
	border-radius:var(--radius-sm);
	background:#fff;
	box-sizing:border-box;
	outline:none;
	transition:border-color .15s, box-shadow .15s;
}
input::placeholder, textarea::placeholder { color:var(--text-mut); }

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus,
input[type=url]:focus, input[type=date]:focus, input[type=datetime-local]:focus,
select:focus, textarea:focus {
	border-color:var(--accent);
	box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}

input[type=checkbox], input[type=radio] {
	width:16px; height:16px;
	accent-color:var(--accent);
	vertical-align:middle;
	cursor:pointer;
}

button, input[type=submit], input[type=button], input[type=reset] {
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	color:var(--accent-ink);
	background:var(--accent);
	border:1px solid var(--accent);
	border-radius:var(--radius-sm);
	padding:8px 16px;
	cursor:pointer;
	transition:background-color .15s, border-color .15s;
}
button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
	background:var(--accent-hover);
	border-color:var(--accent-hover);
}

input[type=image] { cursor:pointer; vertical-align:middle; }
audio { vertical-align:middle; }

/*
=================================================================
Info / Error boxes
=================================================================
*/

div.info_box, div.err_box {
	margin:18px 0 14px 0;
	padding:12px 16px;
	font-weight:500;
	text-align:left;
	border-radius:var(--radius-sm);
}
div.info_box {
	color:#166534;
	border:1px solid #bbf7d0;
	border-left:4px solid var(--ok);
	background:#f0fdf4;
}
div.err_box {
	color:#b91c1c;
	border:1px solid #fecaca;
	border-left:4px solid var(--bad);
	background:#fef2f2;
}

/*
=================================================================
Section card
=================================================================
*/

.sect_title {
	display:inline-block;
	margin:22px 0 9px 2px;
	padding:0;
	background:transparent;
	position:static; top:auto;
	color:#0f172a;
	font-size:15px;
	font-weight:600;
}

.sect_outer_box { margin:0 0 18px 0; }
.sect_inner_box {
	padding:20px;
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
}
.sect_top, .sect_bottom, .sect_left, .sect_right,
.sect_top_left, .sect_top_right, .sect_bottom_left, .sect_bottom_right {
	background:none !important;
}

.btn_icon_edit { margin:2px 0 0 0; }

/*
=================================================================
CDR recording cell (compact player + clear download button)
=================================================================
*/

.rec-cell { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
a.rec-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	flex:0 0 auto;
	border:1px solid var(--border-str);
	border-radius:var(--radius-sm);
	background:#fff;
	color:var(--accent);
	text-decoration:none;
	transition:background-color .15s, color .15s, border-color .15s;
}
a.rec-btn:hover { background:var(--accent); border-color:var(--accent); color:#fff; text-decoration:none; }
a.rec-btn svg { width:15px; height:15px; display:block; }

/*
=================================================================
Embedded CDR statistics tool (Statystyki) — restyled to match the
rest of the panel (its native palette is cyan; map it to our blue).
Scoped to .stats-embed so nothing else is affected.
=================================================================
*/
.stats-embed {
	margin:8px 0 0 0;
	padding:6px 4px;
	background:transparent;
	color:var(--text);
	overflow-x:auto;
}
.stats-embed, .stats-embed #stats_container, .stats-embed #main {
	font-family:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
	color:var(--text);
}
.stats-embed #stats_container { min-width:0; max-width:100%; margin:0 auto; }

.stats-embed a:link, .stats-embed a:visited { color:var(--accent) !important; }
.stats-embed a:hover { color:var(--accent-hover) !important; }
.stats-embed legend.title, .stats-embed .title { color:#0f172a !important; }
.stats-embed .cdr fieldset {
	background:var(--surface-2) !important;
	border:1px solid var(--border) !important;
	border-radius:var(--radius-sm);
}
.stats-embed .cdr th {
	background:var(--surface-3) !important;
	color:var(--text-dim) !important;
	border-color:var(--border) !important;
}
.stats-embed input, .stats-embed select {
	border:1px solid var(--border-str);
	border-radius:var(--radius-sm);
}
.stats-embed input:focus, .stats-embed select:focus {
	border-color:var(--accent) !important;
	box-shadow:0 0 0 3px rgba(37,99,235,0.15);
}
.stats-embed .btn-info, .stats-embed .btn-info:visited {
	background:var(--accent) !important;
	border-color:var(--accent) !important;
	color:#fff !important;
}
.stats-embed .btn-info:hover {
	background:var(--accent-hover) !important;
	border-color:var(--accent-hover) !important;
	color:#fff !important;
}

/* detail-list pagination */
.stats-embed .lx-pagenav {
	display:flex; flex-wrap:wrap; gap:6px;
	align-items:center; justify-content:center;
	margin:16px 0 6px 0;
}
.stats-embed .lx-pagenav a,
.stats-embed .lx-pagenav span.cur {
	min-width:34px; height:34px; padding:0 10px; box-sizing:border-box;
	display:inline-flex; align-items:center; justify-content:center;
	border:1px solid var(--border-str); border-radius:8px;
	background:#fff; color:var(--accent) !important;
	text-decoration:none !important; font-size:13px;
}
.stats-embed .lx-pagenav a:hover { background:var(--accent-soft); border-color:var(--accent); }
.stats-embed .lx-pagenav span.cur { background:var(--accent); border-color:var(--accent); color:#fff !important; font-weight:600; }
.stats-embed .lx-pagenav span.dots { color:var(--text-mut); padding:0 2px; }
.stats-embed .lx-pagenav span.info { color:var(--text-mut); font-size:12px; margin-left:8px; }

/*
=================================================================
END OF FILE
=================================================================
*/