/**
 * Base aislada del plugin (panel + gestión).
 * Variables de marca llegan desde `depol_mr_theme_css_variables_inline()`.
 */

:root {
	--depol-mr-gradient-soft: linear-gradient(180deg, rgba(var(--navy-rgb), 0.08) 0%, rgba(255, 255, 255, 0.92) 100%);
}

body.depol-mr-panel-body {
	margin: 0;
	padding: 0;
	background: var(--depol-mr-bg);
	color: var(--depol-mr-text);
	font-family: var(--depol-mr-font-family);
	-webkit-font-smoothing: antialiased;
}

body.depol-mr-panel-body .depol-mr-app {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.depol-mr-app {
	--depol-mr-font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
	--bg2: var(--depol-mr-bg);
	--navy: var(--depol-mr-navy);
	--navy-rgb: var(--depol-mr-navy-rgb);
	--navy2: var(--depol-mr-navy2);
	--navy2-rgb: var(--depol-mr-navy2-rgb);
	--gold: var(--depol-mr-gold);
	--gold2: var(--depol-mr-gold2);
	--text: var(--depol-mr-text);
	--text-rgb: var(--depol-mr-text-rgb);
	--textsub: rgba(var(--text-rgb), 0.68);
	--muted: var(--textsub);
	--surface: #fff;
	--surface-translucent: rgba(255, 255, 255, 0.96);
	--surface-on-dark: rgba(255, 255, 255, 0.12);
	--surface-on-dark-soft: rgba(255, 255, 255, 0.06);
	--surface-brand-soft: rgba(var(--navy-rgb), 0.06);
	--surface-brand: rgba(var(--navy-rgb), 0.08);
	--surface-brand-strong: rgba(var(--navy-rgb), 0.12);
	--surface-table-head: rgba(var(--navy-rgb), 0.1);
	--on-dark: #fff;
	--on-dark-muted: rgba(255, 255, 255, 0.76);
	--on-dark-soft: rgba(255, 255, 255, 0.86);
	--border: rgba(var(--navy-rgb), 0.16);
	--border2: rgba(var(--navy-rgb), 0.28);
	--border-strong: rgba(var(--navy-rgb), 0.35);
	--border-on-dark: rgba(255, 255, 255, 0.28);
	--border-on-dark-strong: rgba(255, 255, 255, 0.85);
	--surface-blue: rgba(var(--navy-rgb), 0.08);
	--success: var(--depol-mr-success, #15803d);
	--success-rgb: var(--depol-mr-success-rgb, 21, 128, 61);
	--success-strong: var(--depol-mr-success-strong, #127136);
	--success-bg: rgba(var(--success-rgb), 0.1);
	--success-bg-soft: rgba(var(--success-rgb), 0.12);
	--success-border: rgba(var(--success-rgb), 0.35);
	--notice-success-text: var(--depol-mr-notice-success-text, var(--text));
	--danger: var(--depol-mr-danger, #b42318);
	--danger-rgb: var(--depol-mr-danger-rgb, 180, 35, 24);
	--danger-strong: var(--depol-mr-danger, #b42318);
	--danger-bg: rgba(var(--danger-rgb), 0.1);
	--danger-bg-soft: rgba(var(--danger-rgb), 0.1);
	--danger-border: rgba(var(--danger-rgb), 0.32);
	--warning: var(--depol-mr-warning, #a16207);
	--warning-rgb: var(--depol-mr-warning-rgb, 161, 98, 7);
	--warning-strong: var(--depol-mr-warning, #a16207);
	--warning-bg: rgba(var(--warning-rgb), 0.11);
	--warning-bg-strong: rgba(var(--warning-rgb), 0.16);
	--warning-border: rgba(var(--warning-rgb), 0.36);
	--notice-warning-text: var(--depol-mr-notice-warning-text, var(--text));
	--info: var(--depol-mr-info, #1e40af);
	--info-rgb: var(--depol-mr-info-rgb, 30, 64, 175);
	--info-bg: rgba(var(--info-rgb), 0.1);
	--info-border: rgba(var(--info-rgb), 0.32);
	--notice-info-text: var(--depol-mr-notice-info-text, var(--textsub));
	--notice-error-text: var(--depol-mr-notice-error-text, var(--text));
	--tone-blue: #1d4ed8;
	--tone-blue-bg: #dbeafe;
	--tone-blue-border: #3b82f6;
	--tone-blue-ring: rgba(59, 130, 246, 0.22);
	--tone-orange: #c2410c;
	--tone-orange-bg: #ffedd5;
	--tone-orange-border: #f59e0b;
	--tone-orange-ring: rgba(245, 158, 11, 0.22);
	--tone-purple: #6d28d9;
	--tone-purple-bg: #ede9fe;
	--tone-purple-border: #8b5cf6;
	--tone-purple-ring: rgba(139, 92, 246, 0.22);
	--tone-red: var(--danger);
	--tone-red-bg: var(--danger-bg);
	--tone-red-border: var(--danger-border);
	--tone-red-ring: var(--danger-bg-soft);
	--tone-teal: #0f766e;
	--tone-teal-bg: #ccfbf1;
	--tone-teal-border: #14b8a6;
	--tone-teal-ring: rgba(20, 184, 166, 0.22);
	--tone-yellow: #a16207;
	--tone-yellow-bg: #fef9c3;
	--tone-yellow-border: #eab308;
	--tone-yellow-ring: rgba(234, 179, 8, 0.25);
	--shadow-sm: 0 1px 2px rgba(var(--text-rgb), 0.05), 0 4px 12px rgba(var(--navy-rgb), 0.07);
	--shadow-md: 0 8px 28px rgba(var(--navy-rgb), 0.11);
	--shadow-lg: 0 16px 48px rgba(var(--navy-rgb), 0.14);
	--focus-ring: 0 0 0 3px rgba(var(--navy-rgb), 0.2);
	--gradient-soft: var(--depol-mr-gradient-soft);
	--depol-mr-ui-font-size: 0.88rem;
	--depol-mr-content-max: 1100px;
	--depol-mr-content-x: 1.5rem;
	box-sizing: border-box;
	font-family: var(--depol-mr-font-family);
	font-size: 14px;
	line-height: 1.6;
	color: var(--text);
	margin: 0;
}

.depol-mr-app *,
.depol-mr-app *::before,
.depol-mr-app *::after {
	box-sizing: border-box;
}

.depol-mr-app h1,
.depol-mr-app h2,
.depol-mr-app h3,
.depol-mr-app h4 {
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.01em;
}

.depol-mr-app .view {
	display: none;
}

.depol-mr-app .view.active {
	display: block;
}

.depol-mr-app [hidden] {
	display: none !important;
}