/* Scoped Smart Solutions login and platform identity. */
html body:has(.smart-login){margin:0;height:auto!important;min-height:100dvh;overflow:auto!important;background:#f6f5f2}
html body main:has(>.smart-login){height:auto!important;min-height:100dvh;overflow:visible!important;margin:0!important;padding:0!important;max-width:none!important}
.smart-login,.smart-login *{box-sizing:border-box}
html body .smart-login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;font-family:"EGNIN Manrope",sans-serif;color:#232726;background:#f6f5f2}
.smart-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(32px,5vw,80px);color:#f4f4ef;background:radial-gradient(ellipse at 5% 100%,#42453b,transparent 58%),linear-gradient(145deg,#202524,#171b1a)}
.smart-story:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.12;background-image:linear-gradient(#b9bca5 1px,transparent 1px),linear-gradient(90deg,#b9bca5 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000)}
.smart-domain{font-size:12px;letter-spacing:.1em;color:#aeb7ae}
.smart-message{max-width:550px;padding:58px 0}
.smart-kicker{font-size:10px;font-weight:750;letter-spacing:.2em;color:#ad8045}
html body .smart-login h1{font-family:inherit;color:#f4f4ef;font-size:clamp(36px,4.2vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:24px 0}
.smart-message p{font-size:14px;line-height:1.9;max-width:400px;color:#b7beb9}
.smart-art{display:grid;gap:10px;margin-top:48px;width:140px;transform:rotate(-8deg)}
.smart-art i{height:12px;border-radius:3px;background:linear-gradient(90deg,#b6c6b9,#7a9384);width:140px}
.smart-art i:nth-child(2){width:104px}.smart-art i:nth-child(3){background:linear-gradient(90deg,#b58a50,#d7b881)}
.smart-foot{font-size:11px;color:#a0aaa3}
.smart-access{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:48px 28px;background:radial-gradient(ellipse at 100% 0,#e9ece5,transparent 65%),#f6f5f2}
.smart-card{width:100%;max-width:450px;padding:42px;background:#fff;border:1px solid #e4e5de;border-radius:24px;box-shadow:0 24px 70px #2025240a}
html body .smart-logo{display:block;width:218px;max-width:100%;height:auto;margin:0 0 42px;padding:0;border:0;border-radius:0;box-shadow:none}
html body .smart-login h2{font-family:inherit;color:#232726;font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.045em;margin:12px 0}
.smart-heading p{font-size:13px;color:#727873;line-height:1.65;margin:0}
.smart-login form{display:grid;gap:9px;margin-top:28px}
html body .smart-login label{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin:12px 0 0;color:#454c47}
html body .smart-login input:not([type=hidden]){display:block;min-width:0;width:100%;height:50px;border:1px solid #dfe3db;border-radius:10px;background:#fafbf8;padding:0 14px;color:#232726;font:inherit;font-size:14px;box-shadow:none}
html body .smart-login input::placeholder{color:#949c94}
html body .smart-login input:focus-visible{outline:3px solid #b2c5b84d;outline-offset:2px;border-color:#738d7d;background:#fff}
html body .smart-login button{width:100%;height:50px;border:1px solid #283d32;border-radius:10px;background:#283d32;color:#fff;font:inherit;font-size:14px;font-weight:650;margin-top:19px;cursor:pointer;box-shadow:0 4px 10px #283d3214;transition:background .18s}
html body .smart-login button:hover{background:#354d40}
html body .smart-login button:focus-visible{outline:3px solid #b88b4d;outline-offset:3px}
.smart-security{display:flex;align-items:center;gap:9px;font-size:10px;color:#7e877e;margin-top:28px;padding-top:22px;border-top:1px solid #eceee8}
.smart-security span{width:6px;height:6px;border-radius:50%;background:#70977e;box-shadow:0 0 0 4px #70977e12;flex:none}
.smart-signature{font-size:9px;letter-spacing:.2em;color:#92988f}
html.refined-ui body .sidebar .egnin-brand>img.egnin-sidebar-logo{flex:0 0 auto!important;width:202px!important;max-width:100%!important;height:auto!important}
html.refined-ui body .sidebar .egnin-brand>img.brand-logo-light{display:block!important}
html.refined-ui body .sidebar .egnin-brand>img.brand-logo-dark{display:none!important}
html.refined-ui[data-theme="dark"] body .sidebar .egnin-brand>img.brand-logo-light{display:none!important}
html.refined-ui[data-theme="dark"] body .sidebar .egnin-brand>img.brand-logo-dark{display:block!important}
@media(min-width:981px){html.refined-ui body .topbar .header-brand{display:none!important}html.refined-ui body .topbar .header-page-label{border-left:0!important;padding-left:0!important}}
@media(max-width:800px){html body .smart-login{grid-template-columns:1fr}.smart-story{display:none}.smart-access{min-height:100dvh;padding:30px 20px}.smart-card{padding:32px;max-width:430px}}
@media(max-width:380px){.smart-card{padding:25px 22px}html body .smart-login h2{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.smart-card{animation:smart-arrive .5s ease-out both}@keyframes smart-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
/* EGNIN unified design 20260909 */
/* EGNIN shared visual identity. Screen only: documents retain their styles. */
@media screen {
  html.refined-ui[data-theme] {
    --theme-canvas:#f5f5f7; --ui-card:#fff; --ui-line:#e5e5e7;
    --theme-soft:#f5f5f7; --theme-field:#fff; --theme-hover:#eceef0;
    --ui-ink:#1d1d1f; --ui-muted:#6e6e73; --theme-link:#245443;
    --identity-green:#245443; --identity-soft:#edf3ef;
    --identity-on-soft:#245443; --identity-gold:#a58142;
  }
  html.refined-ui[data-theme="dark"] {
    --theme-canvas:#101012; --ui-card:#1c1c1e; --ui-line:#38383d;
    --theme-soft:#262629; --theme-field:#222225; --theme-hover:#343438;
    --ui-ink:#f5f5f7; --ui-muted:#b0b0b8; --theme-link:#b7d5c3;
    --identity-soft:#29362f; --identity-on-soft:#c5dccd; --identity-gold:#cfb77f;
  }
  html.refined-ui body .app-shell {font-family:"EGNIN Manrope","Trebuchet MS",sans-serif;-webkit-font-smoothing:antialiased}
  html.refined-ui body .topbar {background:var(--card);border-bottom:1px solid var(--line);box-shadow:none}
  html.refined-ui body .sidebar .egnin-brand {background:transparent;border:0;box-shadow:none;border-radius:0}
  html.refined-ui body .sidebar .nav-item {border-radius:12px;font-weight:550}
  html.refined-ui body .sidebar .nav-item.active {background:var(--identity-soft);color:var(--identity-on-soft);box-shadow:none}
  html.refined-ui body .content .page-head h1 {font-weight:650;letter-spacing:-.05em;line-height:1.15}
  html.refined-ui body .content :is(.panel-card,.kpi-card,.quick-card) {border:1px solid var(--line);border-radius:24px;box-shadow:0 3px 16px #00000003;background:var(--card)}
  html.refined-ui body .content .card-heading h2 {font-weight:650;letter-spacing:-.025em}
  html.refined-ui body .content .kpi-card>strong {letter-spacing:-.045em;font-weight:650;font-variant-numeric:tabular-nums}
  html.refined-ui body .content .kpi-card.accent {box-shadow:inset 0 2px var(--identity-gold)}
  html.refined-ui body .content .quick-actions>a {border-radius:18px}
  html.refined-ui body .content :is(button.primary,.btn.primary) {border-radius:999px;background:#245443;color:#fff;box-shadow:none;border-color:transparent}
  html.refined-ui body .content :is(button.primary,.btn.primary):hover {background:#183e30;transform:none}
  html.refined-ui body .content :is(.filters-card,.dash-filters) {border-radius:20px}
  html.refined-ui body .content .clean-table th {font-weight:600;letter-spacing:.04em}
  html.refined-ui body .content .clean-table td {font-variant-numeric:tabular-nums}
  html.refined-ui body .smart-login {background:#f5f5f7;color:#1d1d1f}
  html.refined-ui body .smart-story {background:radial-gradient(ellipse at 10% 100%,#3d6c55,transparent 65%),#183e31}
  html.refined-ui body .smart-story:after {opacity:.06}
  html.refined-ui body .smart-access {background:radial-gradient(ellipse at 100% 0,#edf3ef,transparent 60%),#f5f5f7}
  html.refined-ui body .smart-card {border:1px solid #e5e5e7;border-radius:30px;box-shadow:0 24px 70px #1d1d1f06}
  html.refined-ui body .smart-login h2 {color:#1d1d1f;letter-spacing:-.045em}
  html.refined-ui body .smart-login button {border-radius:999px;background:#245443;border-color:transparent;box-shadow:none}
  html.refined-ui body .smart-login button:hover {background:#183e30}
  html.refined-ui body .smart-login input:not([type=hidden]) {background:#f5f5f7;border-color:#dedee2;border-radius:13px}
  @media(max-width:700px) {
    html.refined-ui body .content :is(.panel-card,.kpi-card,.quick-card) {border-radius:19px}
    html.refined-ui body .content .page-head h1 {font-size:28px}
  }
}

/* THREE_BARS_20260909 */

/* EGNIN three-bar identity: same geometry and type as egnin.com */
html.refined-ui body .eg-bars-brand{display:inline-flex;align-items:center;gap:11px;font-family:"EGNIN Manrope","Trebuchet MS",sans-serif;color:#245443;text-decoration:none;white-space:nowrap}
html.refined-ui body .eg-bars-mark{display:flex;flex-direction:column;justify-content:center;gap:4px;width:28px;height:32px;transform:skewY(-7deg);flex:none}
html.refined-ui body .eg-bars-mark i{display:block;width:26px;height:5px;min-height:5px;background:currentColor;border-radius:1px;flex:none}
html.refined-ui body .eg-bars-mark i:nth-child(2){width:20px}
html.refined-ui body .eg-bars-mark i:last-child{background:#b59256}
html.refined-ui body .eg-bars-word{display:flex;flex-direction:column;gap:4px}
html.refined-ui body .eg-bars-word strong{font-family:inherit;font-size:23px!important;letter-spacing:.13em;font-weight:750;line-height:1;color:inherit!important}
html.refined-ui body .eg-bars-word small{font-family:inherit;font-size:6.5px;letter-spacing:.25em;text-transform:uppercase;color:inherit;line-height:1.55}
html.refined-ui[data-theme="dark"] body .sidebar .eg-bars-brand,html.refined-ui[data-theme="dark"] body .topbar .eg-bars-brand{color:#d5e4d8}
html.refined-ui body .smart-logo.eg-bars-login{width:auto;max-width:100%;height:auto;margin-bottom:42px}
html.refined-ui body .smart-logo .eg-bars-brand{gap:14px}
html.refined-ui body .smart-logo .eg-bars-word strong{font-size:30px!important}
html.refined-ui body .smart-logo .eg-bars-word small{font-size:8px}
@media(max-width:420px){html.refined-ui body .topbar .header-brand{width:144px}html.refined-ui body .topbar .eg-bars-brand{gap:8px}html.refined-ui body .topbar .eg-bars-word strong{font-size:20px!important}html.refined-ui body .topbar .eg-bars-word small{font-size:5.5px}}
