/*
 * ProcessPoint – vzhled helpdesku. Barvy a písmo z www.processpoint.cz.
 * Přepisuje jen styly Mantisu / ACE (skin-3), rozložení stránek zůstává mantisovské.
 * Relativní adresy míří do kořene Mantisu (CSS se servíruje přes plugin_file.php).
 */

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/quicksand-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/quicksand-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--pp-blue: #005098;          /* modrá z loga ProcessPoint */
	--pp-blue-600: #00437f;
	--pp-blue-700: #003866;
	--pp-navy: #005098;          /* logo */
	--pp-blue-50: #ebf1f7;
	--pp-blue-100: #d9e5f0;
	--pp-ink: #1d2330;
	--pp-text: #3d4452;
	--pp-muted: #6b7280;
	--pp-line: #e4e8f0;
	--pp-line-soft: #eef1f6;
	--pp-bg: #f4f6fb;
	--pp-radius: 14px;
	--pp-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);
	--pp-nav-h: 56px;
}

/* ---------- Písmo a základ ---------- */

body,
body * {
	font-family: "Quicksand", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}
body pre, body code, body kbd, body samp, body textarea.monospace {
	font-family: Consolas, "SFMono-Regular", Menlo, monospace;
}
html, body, body.skin-3 {
	background-color: var(--pp-bg);
}
body {
	color: var(--pp-text);
	font-size: 14px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}
b, strong, th { font-weight: 700; }
a { color: var(--pp-blue); }
a:hover, a:focus { color: var(--pp-blue-700); }
.main-container:before { background-color: var(--pp-bg); }
.main-content, .page-content, .skin-3 .page-content { background-color: transparent; }
.page-content { padding: 18px 22px 24px; }
h1, h2, h3, h4, h5 { color: var(--pp-ink); }
::selection { background: var(--pp-blue-100); }

/* ---------- Horní lišta ---------- */

/* ace-mantis.css barví .skin-3 .navbar.navbar-collapse (+ :before) – proto o úroveň přesněji */
body.skin-3 .navbar,
body.skin-3 .navbar.navbar-collapse,
body.skin-3 .navbar.navbar-collapse:before,
body.skin-3 .navbar.navbar-collapse .navbar-container {
	background: #fff;
}
body.skin-3 .navbar.navbar-collapse {
	min-height: var(--pp-nav-h);
	border-bottom: 1px solid var(--pp-line);
	box-shadow: 0 4px 18px rgba(16, 24, 40, .04);
}
.navbar-fixed-top + .main-container { padding-top: var(--pp-nav-h); }
@media (min-width: 992px) {
	.sidebar.sidebar-fixed { top: var(--pp-nav-h); }
}
.navbar.navbar-collapse .navbar-header { min-height: var(--pp-nav-h); }

.navbar .navbar-brand {
	display: flex;
	align-items: center;
	height: var(--pp-nav-h);
	padding: 0 18px;
}
.navbar .navbar-brand > span {
	display: inline-block;
	width: 172px;
	height: 28px;
	background: url("images/Process-point-logo-color.svg") left center / contain no-repeat;
	color: transparent;
	font-size: 0;
	overflow: hidden;
}
.navbar .navbar-brand:after {
	content: "Helpdesk" !important;   /* ace-mantis.css: a:link::after { content: normal !important } */
	margin-left: 12px;
	padding: 4px 11px;
	border-radius: 999px;
	background: var(--pp-blue-50);
	color: var(--pp-blue);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .02em;
}

.ace-nav > li,
.ace-nav > li.grey, .ace-nav > li.light-blue, .ace-nav > li.purple, .ace-nav > li.green {
	height: var(--pp-nav-h);
	line-height: var(--pp-nav-h);
	border-left: 0;
	background: transparent;
}
.ace-nav > li > a,
.ace-nav > li > a:hover,
.ace-nav > li > a:focus,
.ace-nav > li.open > a,
.ace-nav > li.grey > a,
.ace-nav > li.light-blue > a {
	background-color: transparent !important;
	color: var(--pp-ink) !important;
	font-weight: 600;
	padding: 0 14px;
}
.ace-nav > li > a:hover,
.ace-nav > li.open > a {
	background-color: var(--pp-blue-50) !important;
	color: var(--pp-blue) !important;
}
.ace-nav > li > a > .ace-icon { color: inherit !important; }
.ace-nav .nav-user-photo { border-color: var(--pp-line); }

/* Telefon: menší logo, tlačítka menu ve firemních barvách, lišta na jeden řádek */
body.skin-3 .navbar .navbar-toggle,
body.skin-3 .navbar .menu-toggler,
body.skin-3 .navbar .navbar-toggle-img {
	background-color: var(--pp-blue-50) !important;
	border: 0;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
body.skin-3 .navbar .navbar-toggle .icon-bar { background-color: var(--pp-blue) !important; }
body.skin-3 .navbar .navbar-toggle .ace-icon,
body.skin-3 .navbar .navbar-toggle-img .ace-icon { color: var(--pp-blue) !important; }
@media (max-width: 767px) {
	.navbar .navbar-brand { padding: 0 8px; }
	.navbar .navbar-brand > span { width: 120px; height: 22px; }
	.navbar .navbar-brand:after { margin-left: 8px; padding: 3px 8px; font-size: 11px; }
}

/* Tlačítka v liště (Nový ticket, Pozvat uživatele) */
.navbar .btn-group .btn,
.navbar .navbar-buttons .btn {
	margin: 0 3px;
	padding: 7px 16px;
	border-radius: 999px !important;
	line-height: 1.3;
}

/* Nový ticket tyrkysově – stejně jako „nový ticket“ na časové ose */
.navbar a.btn[href*="bug_report_page.php"] {
	background-color: #0f766e !important;
	border-color: #0f766e !important;
	color: #fff !important;
}
.navbar a.btn[href*="bug_report_page.php"]:hover,
.navbar a.btn[href*="bug_report_page.php"]:focus {
	background-color: #115e59 !important;
	border-color: #115e59 !important;
}

/* Rozbalovací nabídky */
.dropdown-menu {
	padding: 6px;
	border: 1px solid var(--pp-line);
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(16, 24, 40, .12);
}
.dropdown-menu > li > a {
	border-radius: 8px;
	padding: 7px 12px;
	color: var(--pp-text);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a,
.dropdown-yellow > li > a:hover,
.dropdown-light > li > a:hover {
	background: var(--pp-blue-50) !important;
	color: var(--pp-blue) !important;
}
.dropdown-caret:before, .dropdown-caret:after { display: none; }

/* ---------- Boční menu ---------- */

body.skin-3 .sidebar,
.sidebar:before {
	background-color: #fff;
	border-color: var(--pp-line);
	border-width: 0 1px 0 0;
}
.nav-list > li,
.nav-list > li:first-child,
body.skin-3 .nav-list > li {
	border: 0;
	background: transparent;
}
.nav-list > li:before { display: none !important; }
body.skin-3 .nav-list > li > a {
	margin: 6px 10px;
	border-radius: 12px;
	background-color: transparent;
	color: var(--pp-muted);
	font-weight: 600;
	transition: background-color .15s, color .15s;
}
body.skin-3 .nav-list > li > a:hover,
body.skin-3 .nav-list > li > a:focus {
	background-color: var(--pp-blue-50);
	color: var(--pp-blue);
}
body.skin-3 .nav-list > li.active > a,
body.skin-3 .nav-list > li.active.highlight > a {
	background-color: var(--pp-blue) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(0, 80, 152, .25);
}
body.skin-3 .nav-list > li > a > .menu-icon { color: inherit; }
.nav-list > li.active:after,
body.skin-3 .nav-list > li.active > a:after,
body.skin-3 .nav-list > li.active > a:before { display: none !important; }
body.skin-3 .sidebar-toggle,
.sidebar-toggle {
	border: 0;
	background: transparent;
}
.sidebar-toggle:before { border-color: var(--pp-line); }
.sidebar-toggle > .ace-icon {
	border-color: var(--pp-line);
	background: #fff;
	color: var(--pp-muted);
}

/* ---------- Pruh pod lištou (uživatel, naposledy navštívené, hledání) ---------- */

.breadcrumbs,
body.skin-3 .breadcrumbs {
	background: transparent;
	border: 0;
	min-height: 48px;
	padding: 6px 12px 0;
}
.breadcrumb { color: var(--pp-muted); }
.breadcrumbs .nav-search .nav-search-input,
.nav-search .nav-search-input {
	border-radius: 999px !important;
	border-color: var(--pp-line) !important;
	background: #fff;
	height: 32px;
}

/* ---------- Karty (widgety) ---------- */

.widget-box,
.widget-box.widget-color-blue2,
.widget-box.widget-color-blue {
	border: 1px solid var(--pp-line);
	border-radius: var(--pp-radius);
	background: #fff;
	box-shadow: var(--pp-shadow);
	margin-bottom: 18px;
}
.widget-box > .widget-header,
.widget-color-blue2 > .widget-header,
.widget-color-blue > .widget-header,
.widget-header {
	background: #fff !important;
	border: 0;
	border-bottom: 1px solid var(--pp-line-soft);
	border-radius: var(--pp-radius) var(--pp-radius) 0 0;
	color: var(--pp-ink) !important;
	min-height: 50px;
	padding-left: 18px;
}
.widget-box.collapsed > .widget-header { border-bottom: 0; border-radius: var(--pp-radius); }
.widget-header > .widget-title,
.widget-header-small > .widget-title {
	color: var(--pp-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}
.widget-title > .ace-icon,
.widget-header .widget-title .fa { color: var(--pp-blue); margin-right: 4px; }
/* Můj přehled: nadpis karty je odkaz s třídou .white (byl na modrém pruhu) */
.widget-header .widget-title a,
.widget-header .widget-title a.white,
.widget-header .white { color: var(--pp-ink) !important; }
.widget-header .widget-title a:hover { color: var(--pp-blue) !important; }
.widget-header > .widget-toolbar {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 50px;
	line-height: normal;
}
.widget-toolbar:before { display: none; }
.widget-toolbar > a,
.widget-toolbar > a > .ace-icon,
.widget-color-blue2 > .widget-header > .widget-toolbar > [data-action] {
	color: var(--pp-muted) !important;
	text-shadow: none;
}
.widget-toolbar > a:hover > .ace-icon { color: var(--pp-blue) !important; }
.widget-body {
	background: #fff;
	border-radius: 0 0 var(--pp-radius) var(--pp-radius);
}
.widget-main { padding: 14px 16px; }
.widget-toolbox,
.widget-toolbox.padding-8 {
	background: #fafbfe;
	border-bottom: 1px solid var(--pp-line-soft) !important;
	padding: 10px 14px;
}
.widget-toolbox.toolbox-bottom {
	border-top: 1px solid var(--pp-line-soft) !important;
	border-bottom: 0 !important;
	border-radius: 0 0 var(--pp-radius) var(--pp-radius);
}

/* ---------- Tabulky ---------- */

.table { color: var(--pp-text); }
.table-bordered,
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-left: 0;
	border-right: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-color: var(--pp-line-soft) !important;
	padding: 9px 12px;
	vertical-align: middle;
}
.table > thead > tr,
.table > thead > tr > th,
.table thead tr.buglist-headers th,
.table th.category,
.table td.category {
	background: #f8fafd !important;
	background-image: none !important;
	color: var(--pp-muted);
	font-weight: 700;
	font-size: 13px;
}
/* default.css: td/th.category i <label> v nich mají #edf3f4 !important – podklad pod popisky */
body td.category, body th.category { background-color: #f8fafd !important; }
body td.category label, body th.category label {
	background-color: transparent !important;
	color: var(--pp-ink);
}
.table > thead > tr > th a { color: var(--pp-muted); }
.table > thead > tr > th a:hover { color: var(--pp-blue); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; }
.table > tbody > tr:hover > td { background-color: #f5f8fb; }
.table-condensed > tbody > tr > td { padding: 8px 12px; }
td.column-id, td.column-last-modified, td.column-date-submitted, td.column-due-date { white-space: nowrap; }

/* Poznámky (Aktivity): veřejné bílé, soukromé jemně žluté, autor vlevo na šedé */
tr.bugnote > td.bugnote-note,
tr.bugnote > td.bugnote-public,
.bugnote-note.bugnote-public { background-color: #fff !important; }
tr.bugnote > td.bugnote-private,
.bugnote-note.bugnote-private { background-color: #fffaeb !important; }
tr.bugnote > td.category { background-color: #f8fafd !important; }
tr.bugnote + tr.bugnote > td,
tr.spacer + tr.bugnote > td { border-top: 1px solid var(--pp-line-soft); }

/* ---------- Tlačítka ---------- */

.btn,
.btn-default, .btn:focus, .btn-default:focus {
	border-width: 1px !important;
	border-radius: 999px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	font-weight: 600;
	transition: background-color .15s, border-color .15s, color .15s;
}
/* ACE: .btn.btn-round { border-radius: 4px !important; border-bottom-width: 2px } */
.btn.btn-round {
	border-radius: 999px !important;
	border-bottom-width: 1px !important;
}
.btn-group > .btn { border-radius: 0 !important; }
.btn-group > .btn:first-child { border-radius: 999px 0 0 999px !important; }
.btn-group > .btn:last-child { border-radius: 0 999px 999px 0 !important; }
.btn-group > .btn:only-child { border-radius: 999px !important; }
.btn-sm { padding: 5px 14px; }
.btn-xs { padding: 2px 10px; }

.btn-primary, .btn-primary:focus,
.btn-success, .btn-success:focus,
.btn-inverse, .btn-inverse:focus {
	background-color: var(--pp-blue) !important;
	border-color: var(--pp-blue) !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-success:hover, .btn-inverse:hover,
.btn-primary:active, .btn-success:active, .btn-inverse:active {
	background-color: var(--pp-blue-600) !important;
	border-color: var(--pp-blue-600) !important;
}
.btn.btn-white,
.btn.btn-white:focus,
.btn-white.btn-primary, .btn-white.btn-default, .btn-white.btn-info, .btn-white.btn-grey {
	background-color: #fff !important;
	border-color: #d5dbe7 !important;
	color: var(--pp-text) !important;
}
.btn.btn-white.btn-primary { color: var(--pp-blue) !important; border-color: #bcd0e3 !important; }
.btn.btn-white:hover,
.btn.btn-white.btn-primary:hover,
.btn.btn-white.active {
	background-color: var(--pp-blue-50) !important;
	border-color: var(--pp-blue) !important;
	color: var(--pp-blue) !important;
}
.btn-danger, .btn-white.btn-danger { color: #c62828 !important; }
/* Odeslání formuláře v dolní liště karty (Odeslat ticket, Uložit…) jako plná hlavní akce */
.widget-toolbox input[type="submit"].btn.btn-white.btn-primary,
.widget-toolbox button[type="submit"].btn.btn-white.btn-primary {
	background-color: var(--pp-blue) !important;
	border-color: var(--pp-blue) !important;
	color: #fff !important;
	padding-left: 20px;
	padding-right: 20px;
}
.widget-toolbox input[type="submit"].btn.btn-white.btn-primary:hover,
.widget-toolbox button[type="submit"].btn.btn-white.btn-primary:hover {
	background-color: var(--pp-blue-600) !important;
	border-color: var(--pp-blue-600) !important;
}

/* ---------- Zjednodušení pro zákazníky ---------- */

/* „Report Stay“ (zůstat na formuláři a hlásit další) nikdo nepoužívá */
tr:has(#report_stay) { display: none; }
/* Vazby mezi tickety: Mantis ukazuje box vždy. Zákazník (bez formuláře na přidání)
   prázdný box nepotřebuje, ProcessPoint ho vidí dál. */
#relationships:not(:has(form)):not(:has(td)) { display: none; }

/* ---------- Formuláře ---------- */

.form-control,
input[type="text"], input[type="password"], input[type="email"], input[type="search"],
input[type="url"], input[type="tel"], input[type="number"], input[type="date"],
select, textarea {
	border: 1px solid #d5dbe7 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: var(--pp-ink);
	background-color: #fff;
}
.form-control:focus,
input:focus, select:focus, textarea:focus {
	border-color: var(--pp-blue) !important;
	box-shadow: 0 0 0 3px rgba(0, 80, 152, .15) !important;
	outline: none;
}
.input-group .form-control:first-child,
.input-group-addon:first-child { border-radius: 10px 0 0 10px !important; }
.input-group .form-control:last-child,
.input-group-addon:last-child { border-radius: 0 10px 10px 0 !important; }
.input-group-addon {
	background: #f8fafd;
	border-color: #d5dbe7 !important;
	color: var(--pp-muted);
}
.dropzone, .dz-message {
	border-radius: var(--pp-radius);
	border-color: #bcd0e3 !important;
	background: #f8fafc;
	color: var(--pp-muted);
}
.dropzone .dz-message .ace-icon, .dz-message .fa { color: var(--pp-blue) !important; }

/* ---------- Štítky a stavy ---------- */

.label,
.label-default, .label-grey, .label-info {
	border-radius: 999px;
	padding: 3px 9px;
	font-weight: 700;
	letter-spacing: .01em;
	background-color: #eef1f6 !important;
	color: var(--pp-text) !important;
	text-shadow: none;
}
.label.arrowed:before, .label.arrowed-right:after,
.label.arrowed-in:before, .label.arrowed-in-right:after { display: none; }
.badge,
.widget-title .badge {
	border-radius: 999px;
	padding: 3px 9px;
	background-color: var(--pp-blue-50) !important;
	color: var(--pp-blue) !important;
	font-weight: 700;
	text-shadow: none;
}

/* Závažnost jako barevný štítek (třídy doplňuje vzhled.js podle hodnoty z severity_enum_string) */
.pp-zavaznost {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	background-color: #f1f5f9;
	color: #475569;
}
.pp-zavaznost-80, .pp-zavaznost-70 { background-color: #fee2e2; color: #b91c1c; }  /* blokující, pád */
.pp-zavaznost-60 { background-color: #fef3c7; color: #b45309; }                    /* velká */
.pp-zavaznost-50 { background-color: #dfeaf5; color: #005098; }                    /* malá */
.pp-zavaznost-10 { background-color: #ede9fe; color: #6d28d9; }                    /* vlastnost */
td.column-severity, td.bug-severity { white-space: nowrap; }

/* Stav ticketu: místo čtverečku barevná tečka (barvy v processpoint_inc.php) */
.fa.fa-status-box {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 6px 1px 2px;
	border-radius: 50%;
	background-color: currentColor;
	font-size: 0 !important;
	vertical-align: middle;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .9), 0 0 0 4px rgba(16, 24, 40, .06);
}
.fa.fa-status-box:before { content: none; }

/* ---------- Časová osa (Můj přehled) ---------- */

.timeline-container:before { background-color: var(--pp-line); }
.timeline-info .timeline-indicator,
.timeline-indicator.btn,
.timeline-indicator.btn-primary {
	background-color: var(--pp-blue-50) !important;
	border-color: #fff !important;
	color: var(--pp-blue) !important;
	box-shadow: 0 0 0 1px var(--pp-blue-100) !important;
}
.timeline-item .widget-box { box-shadow: none; }

/* Časová osa: každá činnost vlastní barvou (ikony z core/classes/*TimelineEvent.class.php).
   Mají třídu btn-primary – proto přesnější selektor a !important. */
.profile-activity .thumbicon {
	border: 0 !important;
	text-shadow: none !important;
	background-color: var(--pp-blue-50) !important;
	color: var(--pp-blue) !important;
}
.profile-activity .thumbicon.fa-plus          { background-color: #ccfbf1 !important; color: #0f766e !important; } /* nový ticket */
.profile-activity .thumbicon.fa-comment-o     { background-color: #dfeaf5 !important; color: #005098 !important; } /* komentář */
.profile-activity .thumbicon.fa-hand-o-right,
.profile-activity .thumbicon.fa-flag-o        { background-color: #fef3c7 !important; color: #b45309 !important; } /* přiřazení */
.profile-activity .thumbicon.fa-file-o        { background-color: #ede9fe !important; color: #6d28d9 !important; } /* příloha */
.profile-activity .thumbicon.fa-thumbs-o-up,
.profile-activity .thumbicon.fa-power-off     { background-color: #dcfce7 !important; color: #15803d !important; } /* vyřešeno, uzavřeno */
.profile-activity .thumbicon.fa-refresh       { background-color: #fee2e2 !important; color: #b91c1c !important; } /* znovu otevřeno */
.profile-activity .thumbicon.fa-eye           { background-color: #e0f2fe !important; color: #0369a1 !important; } /* sledování */
.profile-activity .thumbicon.fa-tag           { background-color: #fce7f3 !important; color: #be185d !important; } /* štítek */

/* ---------- Upozornění, stránkování, drobnosti ---------- */

.alert {
	border-radius: 12px;
	border-width: 1px;
}
.alert-warning { background: #fff8e6; border-color: #fde3a7; color: #7a5300; }
.alert-danger { background: #fdecec; border-color: #f7c5c5; }
.alert-success { background: #ebf8ef; border-color: #bfe8cb; }
.alert-info { background: var(--pp-blue-50); border-color: var(--pp-blue-100); color: var(--pp-navy); }
.pagination > li > a, .pagination > li > span { border-color: var(--pp-line); color: var(--pp-text); }
.pagination > .active > a, .pagination > .active > span {
	background-color: var(--pp-blue) !important;
	border-color: var(--pp-blue) !important;
}
.btn-scroll-up, .btn-scroll-up.btn-inverse {
	border-radius: 999px !important;
	background-color: var(--pp-blue) !important;
	border-color: var(--pp-blue) !important;
}

/* ---------- Patička ---------- */

.footer .footer-inner .footer-content {
	border-top: 1px solid var(--pp-line);
	background: transparent;
	color: var(--pp-muted);
	font-size: 12px;
}
.footer .footer-content img { display: none; }

/* ---------- Přihlášení ---------- */

/* ace-mantis.css: .light-login { background: #fff !important } */
body.login-layout,
body.login-layout.light-login {
	min-height: 100vh;
	background:
		radial-gradient(900px 520px at 8% -12%, rgba(0, 80, 152, .22), transparent 60%),
		radial-gradient(800px 480px at 108% 112%, rgba(0, 80, 152, .22), transparent 60%),
		linear-gradient(160deg, #f6f9fc 0%, #e6eef6 100%) !important;
	background-attachment: fixed !important;
}
.login-layout .main-container:before { background: transparent; }
.login-logo { margin: 48px 0 28px; text-align: center; }
.login-logo img { max-width: 280px; height: auto; }
.login-layout .widget-box,
.login-container .widget-box {
	border: 0;
	border-radius: 20px;
	box-shadow: 0 24px 60px rgba(8, 40, 120, .14);
	overflow: hidden;
}
.login-layout .widget-box .widget-main,
.login-box .widget-main {
	background: #fff;
	padding: 30px 34px 26px;
}
.login-layout .header,
.login-box .header {
	color: var(--pp-ink);
	border-bottom-color: var(--pp-line-soft);
	font-weight: 700;
}
.login-layout .header .ace-icon { color: var(--pp-blue); }
.login-layout .btn,
.login-box .btn {
	padding: 9px 22px;
	font-size: 15px;
}
.login-layout input[type="text"],
.login-layout input[type="password"] {
	height: 42px;
	padding-left: 14px;
}