/* Extracted from Views/Shared/_Layout.cshtml. Keep view-specific rules isolated here. */
:root {
--pl-topbar-h: 42px;
--pl-nav-h: 72px;
}
body {
padding-top: calc(var(--pl-topbar-h) + var(--pl-nav-h));
}
/* ---------- TOP INFO BAR ---------- */
.pl-topbar {
height: var(--pl-topbar-h);
min-height: var(--pl-topbar-h);
font-size: .8125rem;
letter-spacing: .1px;
color: rgba(255,255,255,.88);
}
.pl-topbar-list i {
font-size: .95rem;
opacity: .75;
}
.pl-topbar-label {
font-weight: 600;
color: #fff;
}
.pl-topbar a {
color: rgba(255,255,255,.88);
text-decoration: none;
transition: color .15s ease;
}
.pl-topbar a:hover {
color: #fff;
text-decoration: underline;
}
.pl-topbar-list.list-unstyled li + li {
position: relative;
}
@media (max-width: 991.98px) {
.pl-topbar {
font-size: .75rem;
}
}
/* ---------- MAIN NAVBAR ---------- */
.pl-mainnav {
top: var(--pl-topbar-h);
min-height: var(--pl-nav-h);
box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 .5rem 1.25rem rgba(0,0,0,.06);
}
.pl-mainnav-links .nav-link {
font-weight: 600;
font-size: .95rem;
color: #1f2937;
padding: .5rem .9rem;
border-radius: .5rem;
transition: background-color .15s ease, color .15s ease;
}
.pl-mainnav-links .nav-link:hover,
.pl-mainnav-links .nav-link:focus-visible {
background-color: rgba(0,0,0,.06);
color: #000;
}
.pl-mainnav-links .nav-link.active {
background-color: rgba(0,0,0,.08);
color: #000;
}
.pl-login-btn {
background-color: #0f2544;
border: 1px solid #0f2544;
color: #fff;
font-weight: 600;
border-radius: .5rem;
white-space: nowrap;
transition: all .18s ease;
}
.pl-login-btn:hover,
.pl-login-btn:focus-visible {
background-color: #17365f;
border-color: #17365f;
color: #fff;
transform: translateY(-1px);
box-shadow: 0 .35rem .9rem rgba(15,37,68,.28);
}
.pl-login-btn:active {
transform: translateY(0);
}
/* ---------- AUTHENTICATED HEADER ACTIONS ---------- */
.pl-mainnav > .container-fluid {
position: relative;
}
.pl-account-area {
margin-left: auto;
}
/* True visual centre of the navbar on desktop */
.pl-login-context {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
max-width: 42vw;
padding: .42rem .8rem;
color: #263548;
font-size: .82rem;
line-height: 1.2;
white-space: nowrap;
text-align: center;
}
.pl-login-context-label {
color: #667085;
font-weight: 500;
}
.pl-login-context-user {
color: #172033;
font-weight: 700;
}
.pl-login-context-separator {
color: #667085;
margin: 0 .35rem;
font-weight: 700;
}
.pl-login-context-company {
color: #0f2544;
font-weight: 800;
letter-spacing: .025em;
}
/* Main Menu, User Menu and Logout use the same action system */
.pl-header-action,
.pl-main-menu-btn,
.pl-logout-btn {
width: 138px;
height: 42px;
min-width: 138px;
min-height: 42px;
padding: 0 .8rem;
border: 1px solid #0f2544;
border-radius: .65rem;
background: #0f2544;
color: #fff;
font-size: .9rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45rem;
transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.pl-header-action:hover,
.pl-header-action:focus-visible,
.pl-main-menu-btn:hover,
.pl-main-menu-btn:focus-visible,
.pl-logout-btn:hover,
.pl-logout-btn:focus-visible {
color: #fff;
background: #17365f;
border-color: #17365f;
transform: translateY(-1px);
box-shadow: 0 .3rem .8rem rgba(15, 37, 68, .18);
}
.pl-header-action:active,
.pl-main-menu-btn:active,
.pl-logout-btn:active {
transform: translateY(0);
}
.pl-logout-form {
margin: 0;
}
@media (max-width: 1199.98px) {
.pl-login-context {
max-width: 32vw;
font-size: .76rem;
}
}
@media (max-width: 991.98px) {
.pl-mainnav .navbar-collapse {
padding: .85rem 0 .75rem;
}
.pl-account-area {
width: 100%;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: .65rem !important;
margin-top: 0 !important;
}
.pl-login-context {
position: static;
transform: none;
grid-column: 1 / -1;
width: 100%;
max-width: none;
min-height: 38px;
justify-content: center;
white-space: normal;
font-size: .8rem;
padding: .35rem .5rem;
}
.pl-account-area > .navbar-nav,
.pl-account-area > .pl-logout-form {
width: 100%;
}
.pl-main-menu-btn,
.pl-logout-btn,
.pl-header-action {
width: 100%;
min-width: 0;
height: 42px;
min-height: 42px;
}
}
@media (max-width: 575.98px) {
.pl-account-area {
grid-template-columns: 1fr;
}
.pl-login-context {
grid-column: 1;
}
}
/* Keep the outer layout shell full width. */
.main-content-container {
width: 100%;
max-width: none;
margin: 0;
}
.pl-layout-main {
width: 100%;
min-width: 0;
}
/* Default width used by ordinary inner views. */
.pl-layout-content {
width: 90%;
max-width: 1800px;
min-width: 0;
margin-left: auto;
margin-right: auto;
}
/* MainMenu and other explicitly full-width views. */
body.main-menu-full-width .pl-layout-content {
width: 98%;
max-width: none;
}
.tenant-logo {
height: 36px;
max-width: 160px;
object-fit: contain;
}
.nav-back-btn {
transition: all 0.2s ease;
font-size: 0.95rem;
font-weight: bolder;
letter-spacing: 0.2px;
color: #212529;
background-color: rgba(248, 249, 250, 0.92);
backdrop-filter: blur(6px);
}
.nav-back-btn:hover {
background-color: #ffffff;
border-color: #adb5bd;
transform: translateY(-1px);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.10);
color: #000;
}
.nav-back-btn:active {
transform: translateY(0);
}
.top-bar-tenant-logo {
display: block;
width: auto;
height: auto;
max-width: 200px;
max-height: 80px;
object-fit: contain;
flex-shrink: 0;
}
.shared-layout-d438a530-inline-1 { z-index: 1031; }
.shared-layout-d438a530-inline-2 { z-index: 1030; }