/*
 * HR Portal Theme: portal layer.
 * Loaded after the plugin's app.css, only on pages that contain a plugin portal shortcode.
 * Every rule is scoped to .hrrms-ui (the plugin's own wrapper) or to .hrpt-portal, so nothing leaks to the rest of
 * the site and the plugin's markup, scripts and behaviour are untouched. This file changes presentation only.
 * 1.1.0: the plugin's own radii, elevation and motion are kept (the theme no longer overrides them), so portal
 * screens look the same in both layouts, in light and in dark mode.
 */

.hrrms-ui ::selection { background: var(--hr-blue-50); color: var(--hr-ink); }
.hrrms-ui .hrrms-tablewrap { scrollbar-width: thin; scrollbar-color: var(--hr-line-2) transparent; }
.hrrms-ui .hrrms-kpi__value, .hrrms-ui .hrrms-table td { font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------------------ "inside the theme" layout */
/* The plugin marks its embedded shell .alignwide; the theme gives it the full width of the wide frame. */
.hrpt-portal .hrrms-portal.alignwide { max-width: none; margin-left: 0; margin-right: 0; }
.hrpt-portal .hrrms-portal--embedded {
	border-color: var(--hr-line);
	box-shadow: 0 1px 2px rgba(11, 25, 48, .04), 0 12px 32px -24px rgba(11, 25, 48, .3);
}
html[data-hrrms-theme="dark"] .hrpt-portal .hrrms-portal--embedded { box-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
/* The portal header already carries the page title: hide any title a page builder adds above it. */
.hrpt-portal-page > .entry-title, .hrpt-portal-page .hrpt-title { display: none; }

/* ------------------------------------------------------------------ small screens */
@media (max-width: 782px) {
	.hrpt-portal .hrpt-container { padding-left: 8px; padding-right: 8px; }
	.hrpt-portal .hrpt-main--portal { padding-top: 8px; padding-bottom: 16px; }
}

/* ------------------------------------------------------------------ print: the plugin hides its chrome; remove the site chrome too */
@media print {
	.hrpt-header, .hrpt-footer { display: none !important; }
	.hrpt-portal .hrrms-portal--embedded { border: 0; box-shadow: none; }
}