/* Metropark «Signature» for Attendance — same family as management.metropark.az
   and core.metropark.az. Loaded last; restyles the existing mp-* shell only. */
:root{
  --sig-blue:#02599b;--sig-blue-bright:#2a86d6;--sig-red:#e31412;--sig-coral:#ec5870;--sig-green:#028c38;--sig-green-bright:#16b356;--sig-magenta:#c2187a;--sig-violet:#6a2bd9;
  --sig-serif:"Didot","Bodoni 72","Bodoni MT","Playfair Display","Libre Bodoni",Georgia,"Times New Roman","DejaVu Serif",serif;
  --sig-ease:cubic-bezier(.2,.8,.2,1);
  --sig-tricolour:linear-gradient(90deg,var(--sig-blue-bright) 0 33.3%,var(--sig-red) 33.3% 66.6%,var(--sig-green-bright) 66.6%);
  --sig-hairline:linear-gradient(90deg,transparent,var(--sig-blue-bright) 18%,var(--sig-coral) 50%,var(--sig-green-bright) 82%,transparent);
  --mp-bg:#f4f6fa;--mp-surface:#fff;--mp-soft:#f8fafd;--mp-text:#0a1630;--mp-muted:#74809a;--mp-border:#e3e8f1;--mp-primary:#02599b;--mp-primary-soft:#eaf2fa;
  --mp-shadow:0 1px 2px #0a16300a,0 10px 30px #0a163009;
}
:root[data-theme=dark]{--mp-bg:#050b18;--mp-surface:#0c1729;--mp-soft:#0a1424;--mp-text:#eef2f9;--mp-muted:#8592ab;--mp-border:#1a2945;--mp-primary:#7fb6ec;--mp-primary-soft:#10233f;--mp-shadow:0 1px 2px #0000003a,0 12px 32px #00000033}
input:focus,select:focus,textarea:focus{border-color:var(--sig-blue-bright)!important;box-shadow:0 0 0 4px #2a86d621!important;outline:none}
input[type=checkbox],input[type=radio]{accent-color:var(--sig-blue)}

/* Emblem + serif wordmark */
.mp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff!important}
.mp-brand-symbol{width:42px;height:42px;border-radius:50%;background:#fff!important;padding:3px;display:inline-grid;place-items:center;box-shadow:0 0 0 1px #ffffff26,0 6px 18px #02599b40;flex:0 0 auto}
.mp-brand-symbol svg{width:36px;height:36px}
.mp-emblem .emblem-ring{stroke:var(--sig-blue)}.mp-emblem .emblem-blue{stroke:var(--sig-blue);fill:var(--sig-blue)}.mp-emblem .emblem-red{stroke:var(--sig-red);fill:var(--sig-red)}.mp-emblem .emblem-green{stroke:var(--sig-green);fill:var(--sig-green)}
.mp-wordmark{font-family:var(--sig-serif)!important;font-size:20px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase;color:#fff!important;line-height:1;display:flex;flex-direction:column}
.mp-wordmark small{font-family:Inter,-apple-system,"Segoe UI",sans-serif!important;font-size:8.5px!important;font-weight:700;letter-spacing:4.4px!important;color:#ff8fa1!important;margin-top:6px}

/* Night sidebar with facade and coral pointer (as in Core) */
.mp-sidebar{background:linear-gradient(180deg,#07122ab8,#050b18c7),url("/static/facade.svg") 0 0/480px 480px repeat,radial-gradient(90% 40% at 0% 100%,#6a2bd938 0%,transparent 70%),linear-gradient(180deg,#07122a,#050b18)!important;border-right:1px solid #ffffff0d!important;color:#9fb0cb}
.mp-nav-caption{color:#ff9fb0!important;letter-spacing:2.4px!important;font-size:9.5px!important;text-transform:uppercase}
.mp-nav-link{position:relative;color:#9fb0cb!important;border-radius:11px!important;font-weight:600;transition:color .2s,background .25s}
.mp-nav-link svg{stroke:currentColor}
.mp-nav-link:hover{color:#fff!important;background:#ffffff0f!important}
.mp-nav-link.active,.mp-nav-link[aria-current=page]{color:#fff!important;background:linear-gradient(90deg,#ec587026,#ffffff08 70%)!important;box-shadow:none!important}
.mp-nav-link.active::before,.mp-nav-link[aria-current=page]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--sig-coral),#ff9a7a)}
.mp-nav-link.active svg,.mp-nav-link[aria-current=page] svg{color:#ff9fb0}
.mp-sidebar-foot{color:#8195b5!important;border-top-color:#ffffff17!important}
.mp-product-dot{background:var(--sig-coral)!important}

/* Night-glass top bar with tricolour hairline */
.mp-topbar{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#08142cf2,#050c1cf2)!important;backdrop-filter:saturate(1.4) blur(14px);border-bottom:0!important;box-shadow:0 10px 30px #040a1638;color:#fff}
.mp-topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sig-hairline);opacity:.75;pointer-events:none}
.mp-breadcrumb,.mp-breadcrumb span{color:#9fb0cb!important}.mp-breadcrumb strong{color:#fff!important;font-weight:650}
.mp-topbar .mp-icon-button{color:#9fb0cb!important;border-color:#ffffff22!important;background:transparent!important}
.mp-topbar .mp-icon-button:hover{color:#fff!important;background:#ffffff14!important}
.mp-language select{background:#ffffff10!important;color:#e6ecf6!important;border:1px solid #ffffff22!important;border-radius:999px!important}
.mp-language select option{color:#0a1630;background:#fff}
.mp-profile summary{color:#fff!important}.mp-profile-name{color:#fff!important}
.mp-avatar{background:linear-gradient(145deg,#0d3b6e,#082447)!important;color:#fff!important;border:1px solid #ffffff2b;border-radius:13px!important}
.mp-profile-panel{border-radius:16px!important;box-shadow:0 22px 50px -10px #040a1640!important;color:var(--mp-text)}
.mp-role{color:var(--sig-coral)!important}

/* Dashboard hero → night banner */
.mp-main .hero-block{position:relative;overflow:hidden;isolation:isolate;border-radius:26px!important;border:0!important;color:#fff!important;
  background:url("/static/facade.svg") 0 0/360px 360px repeat,radial-gradient(60% 120% at 88% 10%,#c2187a59 0%,transparent 60%),radial-gradient(55% 110% at 70% 110%,#6a2bd94d 0%,transparent 62%),radial-gradient(70% 140% at 0% 0%,#02599b80 0%,transparent 60%),linear-gradient(120deg,#061530 0%,#0a2048 45%,#120f3d 100%)!important;
  box-shadow:0 24px 60px -18px #061530a6,inset 0 1px 0 #ffffff14!important;padding-bottom:34px!important}
.mp-main .hero-block::after{content:"";position:absolute;z-index:-1;left:28px;bottom:16px;width:96px;height:3px;border-radius:3px;background:var(--sig-tricolour)}
.mp-main .hero-block .hero-title,.mp-main .hero-block h1,.mp-main .hero-block h2{color:#fff!important;font-family:var(--sig-serif);font-weight:700;letter-spacing:-.3px}
.mp-main .hero-block .hero-sub,.mp-main .hero-block p,.mp-main .hero-block label,.mp-main .hero-block span{color:#c3cde0!important}
.mp-main .hero-block select,.mp-main .hero-block input{background:#ffffff12!important;color:#fff!important;border-color:#ffffff30!important}
.mp-main .hero-block select option{color:#0a1630}
.mp-main>h2,.mp-main .ui-page-hero h2{font-family:var(--sig-serif);font-weight:700;letter-spacing:-.3px}

/* Cards, tables, buttons */
.mp-main .panel,.mp-main .card,.mp-main .kpi-card{border-radius:22px!important;border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow)!important}
.mp-main th{text-transform:uppercase;letter-spacing:1.2px;font-size:10px!important;font-weight:700}
.mp-main tbody tr:hover{background:var(--mp-primary-soft)}
.mp-main .btn-primary,.mp-main button.primary,.mp-main .primary-btn{background:linear-gradient(160deg,#0a6bb8,#02599b 55%,#01447a)!important;color:#fff!important;border:0!important;border-radius:11px!important;box-shadow:0 6px 16px -6px #02599b8c}
.mp-footer span:first-child{font-family:var(--sig-serif);color:var(--sig-blue);letter-spacing:2.4px;text-transform:uppercase;font-weight:700}
[data-theme=dark] .mp-footer span:first-child{color:#9cc7f0}

/* Sign-in page */
.mp-login-brand{background:url("/static/facade.svg") 0 0/360px 360px repeat,radial-gradient(60% 50% at 90% 15%,#c2187a66 0%,transparent 65%),radial-gradient(60% 60% at 10% 100%,#6a2bd955 0%,transparent 65%),linear-gradient(160deg,#061530 0%,#0a2048 50%,#120f3d 100%)!important;position:relative}
.mp-login-brand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sig-tricolour)}
.mp-login-brand h1{font-family:var(--sig-serif)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}