:root {
	--li-black: #1b1c1a;
	--li-dark: #343831;
	--li-yellow: #f7c524;
	--li-paper: #f4f5f1;
	--li-line: #d9ddd4;
	--li-text: #292d27;
	--li-muted: #6c7168;
	--li-red: #a5161d;
}

body.luxus-intranet-page { min-height: 100vh; margin: 0; background: linear-gradient(145deg,#eef0ea 0%,#fafbf8 48%,#eceee8 100%); }
body.luxus-intranet-page #luxus-intranet-content { min-height: 100vh; display: grid; align-items: center; }

.li-app,
.li-login-shell { width: min(1180px, calc(100% - 28px)); margin: 28px auto; color: var(--li-text); font-family: inherit; }
.li-app *,.li-login-shell * { box-sizing: border-box; }
.li-app { overflow: hidden; border: 1px solid var(--li-line); border-radius: 20px; background: var(--li-paper); box-shadow: 0 18px 55px rgba(25,28,23,.12); }
.li-hero { min-height: 94px; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; border-bottom: 5px solid var(--li-yellow); background: var(--li-black); }
.li-brand,.li-user { display: flex; align-items: center; gap: 12px; }
.li-brand span,.li-user div { display: flex; flex-direction: column; }
.li-brand small,.li-user small { color: #c9ccc5; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.li-brand strong { font-size: 21px; }
.li-logo { width: auto; max-width: 130px; height: 48px; padding: 4px 8px; object-fit: contain; border-radius: 8px; background: #fff; }
.li-logo-fallback { width: 45px; height: 45px; display: grid; place-items: center; color: var(--li-black); border-radius: 9px; background: var(--li-yellow); font-size: 25px; }
.li-user > .dashicons { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--li-black); background: var(--li-yellow); font-size: 19px; }
.li-user a { margin-left: 8px; color: #d9dcd5; font-size: 11px; text-decoration: none; }
.li-user a:hover { color: #fff; text-decoration: underline; }
.li-main { padding: 28px; }
.li-implementation { margin-bottom: 18px; padding: 12px 15px; display: flex; gap: 10px; align-items: center; border-left: 5px solid var(--li-yellow); border-radius: 8px; background: #fff8d8; }
.li-implementation > .dashicons { color: #725f10; }
.li-implementation div { display: flex; flex-direction: column; }
.li-implementation small { color: #6d6650; }
.li-welcome { max-width: 760px; margin-bottom: 25px; }
.li-welcome > span,.li-login main > span { color: #756216; font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.li-welcome h1 { margin: 5px 0 7px; color: var(--li-black); font-size: clamp(27px, 4vw, 39px); }
.li-welcome p { margin: 0; color: var(--li-muted); font-size: 14px; }
.li-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
.li-module { min-height: 225px; padding: 20px; display: flex; flex-direction: column; color: var(--li-text); border: 1px solid var(--li-line); border-radius: 15px; background: #fff; box-shadow: 0 4px 14px rgba(25,28,23,.04); text-decoration: none; transition: transform .15s, border-color .15s, box-shadow .15s; }
a.li-module:hover { color: var(--li-text); border-color: #c6a91f; box-shadow: 0 12px 27px rgba(25,28,23,.10); transform: translateY(-2px); }
.li-module.is-disabled { opacity: .68; background: #f1f2ee; }
.li-module__top { display: flex; align-items: center; justify-content: space-between; }
.li-module__top > i { width: 48px; height: 48px; display: grid; place-items: center; color: var(--li-black); border-radius: 12px; background: var(--li-yellow); font-size: 24px; }
.li-module.is-disabled .li-module__top > i { color: #72766f; background: #e0e2dc; }
.li-state { padding: 5px 8px; border-radius: 99px; font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.li-state--active { color: #33431b; background: #edf4de; }
.li-state--soon { color: #666a63; background: #e3e5e0; }
.li-module h2 { margin: 16px 0 7px; color: var(--li-black); font-size: 19px; }
.li-module p { flex: 1; margin: 0; color: var(--li-muted); font-size: 12px; line-height: 1.55; }
.li-module footer { margin-top: 18px; padding-top: 12px; display: flex; justify-content: space-between; color: var(--li-dark); border-top: 1px solid #e7e9e3; font-size: 11px; font-weight: 800; }
.li-module__metrics { margin-top: 14px; display: flex; gap: 20px; }
.li-module__metrics span { display: flex; flex-direction: column; }
.li-module__metrics b { font-size: 20px; }
.li-module__metrics small { color: var(--li-muted); font-size: 9px; }
.li-empty { grid-column: 1/-1; padding: 45px 20px; text-align: center; border: 1px dashed #c9cdc4; border-radius: 15px; background: #fff; }
.li-empty > .dashicons { width: 44px; height: 44px; color: #8b9086; font-size: 40px; }
.li-empty h3 { margin-bottom: 5px; }
.li-empty p { margin: 0; color: var(--li-muted); }
.li-footer { padding: 13px 24px; display: flex; justify-content: space-between; color: #c9ccc5; background: var(--li-black); font-size: 10px; }

.li-login-shell { min-height: 70vh; display: grid; place-items: center; }
.li-login { width: min(100%, 470px); overflow: hidden; border: 1px solid var(--li-line); border-radius: 18px; background: #fff; box-shadow: 0 20px 65px rgba(25,28,23,.16); }
.li-login > header { padding: 18px 21px; display: flex; align-items: center; gap: 12px; color: #fff; border-bottom: 4px solid var(--li-yellow); background: var(--li-black); }
.li-login > header div { display: flex; flex-direction: column; }
.li-login > header small { color: #c8cbc4; font-size: 9px; text-transform: uppercase; }
.li-login > header strong { font-size: 18px; }
.li-login main { padding: 26px; }
.li-login h1 { margin: 5px 0 7px; font-size: 28px; }
.li-login main > p { margin: 0 0 20px; color: var(--li-muted); font-size: 12px; line-height: 1.55; }
.li-login-error { margin: 0 0 14px; padding: 10px 12px; color: #861219; border-left: 5px solid var(--li-red); border-radius: 6px; background: #fff1f2; font-size: 11px; }
.li-login label { display: block; color: #42463f; font-size: 11px; font-weight: 750; }
.li-login .input { width: 100%; min-height: 44px; margin: 5px 0 14px; padding: 9px 11px; border: 1px solid #cfd3ca; border-radius: 9px; background: #fff; }
.li-login .login-remember label { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.li-login .login-submit { margin: 17px 0 9px; }
.li-login .button-primary { width: 100%; min-height: 46px; border: 0; border-radius: 9px; color: var(--li-black); background: var(--li-yellow); font-weight: 850; cursor: pointer; }
.li-login .button-primary:hover { background: #ddb01d; }
.li-lost { color: #555a51; font-size: 11px; }
.li-login > footer { padding: 11px 20px; color: #777c73; border-top: 1px solid #e4e6e0; background: #f5f6f3; font-size: 9px; text-align: center; }
.li-denied { width: min(100%, 460px); padding: 35px 25px; text-align: center; border: 1px solid #e0b6b8; border-radius: 16px; background: #fff; }
.li-denied > .dashicons { width: 48px; height: 48px; color: var(--li-red); font-size: 46px; }
.li-denied p { color: var(--li-muted); }
.li-button { display: inline-flex; padding: 10px 15px; color: #fff; border-radius: 8px; background: var(--li-dark); text-decoration: none; }

.li-module-bar { position: relative; z-index: 9998; min-height: 46px; padding: 8px max(14px, calc((100vw - 1180px)/2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: #fff; border-bottom: 4px solid var(--li-yellow); background: var(--li-black); font-family: inherit; font-size: 11px; }
.li-module-bar > a { color: var(--li-yellow); font-weight: 800; text-decoration: none; }
.li-module-bar > strong { font-size: 12px; }
.li-module-bar > span { justify-self: end; color: #d2d5ce; }
.li-module-bar > span a { color: #fff; }

@media (max-width: 720px) {
	.li-app,.li-login-shell { width: min(100% - 16px, 1180px); margin: 12px auto; }
	.li-hero { align-items: flex-start; flex-direction: column; }
	.li-user { width: 100%; padding-top: 11px; border-top: 1px solid #464943; }
	.li-user a { margin-left: auto; }
	.li-main { padding: 20px 15px; }
	.li-module-grid { grid-template-columns: 1fr; }
	.li-footer { align-items: flex-start; flex-direction: column; gap: 3px; }
	.li-module-bar { grid-template-columns: 1fr auto; }
	.li-module-bar > strong { display: none; }
	.li-module-bar > span { font-size: 0; }
	.li-module-bar > span a { font-size: 11px; }
}

/* 1.0.1: private operational pages use one responsive shell. */
body.luxus-work-page { background:#f5f6f7; padding-bottom:0!important; }
body.luxus-work-page .luxus-site-mobile-actions { display:none!important; }
body.luxus-work-page #luxus-intranet-content { width:100%;max-width:100%;margin:0; }
body.luxus-work-page .li-module { min-width:0;min-height:180px; }
body.luxus-work-page .li-module h2 { font-size:23px;overflow-wrap:anywhere; }
body.luxus-work-page .li-module p { font-size:15px;line-height:1.5; }
body.luxus-work-page .li-module footer { min-height:44px;font-size:16px; }
body.luxus-work-page .li-state--active { color:#282a2e;background:#fff2ac;border-color:#d1b100; }
body.luxus-work-page :focus-visible { outline:3px solid #716100;outline-offset:3px; }
@media(max-width:600px){body.luxus-work-page .li-module-grid {grid-template-columns:1fr;}body.luxus-work-page .li-module{min-height:150px;}body.luxus-work-page .li-hero{padding:20px 16px;} }