/* AuraMind PRO v13 — Concept Match UI v3
   Scoped visual system. Company Dashboard is intentionally excluded. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');

.am-concept-v3{
  --am-navy:#0b1b3b;
  --am-navy2:#0e2754;
  --am-blue:#247cff;
  --am-indigo:#6956e9;
  --am-cyan:#20b9df;
  --am-teal:#13c49a;
  --am-green:#16bb77;
  --am-orange:#f5a12a;
  --am-red:#ef526b;
  --am-ink:#15254b;
  --am-muted:#7484a3;
  --am-line:#d9e4f2;
  --am-soft:#f4f8fd;
  --am-card:#fff;
  --am-shadow:0 14px 36px rgba(32,65,115,.09);
  font-family:'Inter','Segoe UI Variable Text','Segoe UI',sans-serif;
  background:#f4f8fd!important;
  color:var(--am-ink);
}
.am-concept-v3 h1,.am-concept-v3 h2,.am-concept-v3 h3,.am-concept-v3 .portal-brand{
  font-family:'Manrope','Segoe UI Variable Display','Segoe UI',sans-serif!important;
  letter-spacing:-.025em;
}

/* SOFTWARE SHELL */
.am-concept-v3 .portal-shell{background:#f4f8fd!important}
.am-concept-v3 .portal-side{
  background:
    radial-gradient(circle at 15% 0%,rgba(56,137,255,.18),transparent 28%),
    linear-gradient(180deg,#091a39 0%,#0d2450 48%,#0a1d3f 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:10px 0 36px rgba(13,33,72,.14)!important;
}
.am-concept-v3 .portal-brand{color:#fff!important;font-weight:800!important}
.am-concept-v3 .portal-brand-mark{
  background:linear-gradient(145deg,#31a4ff,#6255ee)!important;
  color:#fff!important;box-shadow:0 8px 20px rgba(53,123,245,.32)!important
}
.am-concept-v3 .workspace-chip{
  background:linear-gradient(135deg,rgba(56,130,255,.14),rgba(100,78,232,.13))!important;
  border:1px solid rgba(145,183,244,.11)!important;color:#fff!important
}
.am-concept-v3 .workspace-chip small{color:#8fa7cb!important}
.am-concept-v3 .workspace-chip strong{color:#f6f9ff!important}
.am-concept-v3 .portal-nav-label{color:#738eb9!important;font-size:10px!important;letter-spacing:.12em!important}
.am-concept-v3 .portal-nav a{
  color:#b4c5df!important;border:1px solid transparent!important;border-radius:10px!important;
  transition:.16s ease!important;
}
.am-concept-v3 .portal-nav a:hover{
  color:#fff!important;background:rgba(255,255,255,.06)!important;transform:translateX(2px)
}
.am-concept-v3 .portal-nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,#1174f8 0%,#2859e8 100%)!important;
  border-color:rgba(125,178,255,.16)!important;
  box-shadow:0 8px 22px rgba(21,95,225,.24),inset 0 1px rgba(255,255,255,.1)!important
}
.am-concept-v3 .nav-ico{
  background:rgba(255,255,255,.07)!important;color:#c0d2ed!important;border-radius:7px!important;
}
.am-concept-v3 .portal-nav a.active .nav-ico{background:rgba(255,255,255,.15)!important;color:#fff!important}
.am-concept-v3 .portal-side-footer{color:#718bad!important;border-top-color:rgba(255,255,255,.07)!important}

.am-concept-v3 .portal-topbar{
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dce6f2!important;
  box-shadow:0 6px 22px rgba(31,66,116,.055)!important;backdrop-filter:blur(14px)
}
.am-concept-v3 .portal-breadcrumb small{color:#8695ae!important}
.am-concept-v3 .portal-breadcrumb strong{color:#14244a!important;font-weight:800!important}
.am-concept-v3 .role-chip{
  background:linear-gradient(135deg,#eaf3ff,#efedff)!important;color:#495f9e!important;border:1px solid #d8e4f4!important
}
.am-concept-v3 .avatar{background:linear-gradient(145deg,#297ff1,#6b5ce8)!important;color:#fff!important;border-color:#fff!important}
.am-concept-v3 .portal-content{padding:28px!important}

/* GENERIC CONTENT */
.am-concept-v3 .page-head{
  background:linear-gradient(120deg,#fff 0%,#f7faff 62%,#f2f0ff 100%)!important;
  border:1px solid var(--am-line)!important;border-radius:18px!important;box-shadow:var(--am-shadow)!important;
  position:relative;overflow:hidden
}
.am-concept-v3 .page-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#247cff,#6956e9,#20b9df)}
.am-concept-v3 .page-head h1{color:#13245a!important;font-weight:800!important}
.am-concept-v3 .page-head p{color:#7484a3!important}
.am-concept-v3 .eyebrow{color:#4671b1!important}

.am-concept-v3 .panel,
.am-concept-v3 .metric-card,
.am-concept-v3 .stat-card,
.am-concept-v3 .module-tile,
.am-concept-v3 .prod-panel,
.am-concept-v3 .fin-panel,
.am-concept-v3 .fs-panel,
.am-concept-v3 .pp-panel{
  background:#fff!important;border:1px solid var(--am-line)!important;border-radius:16px!important;
  box-shadow:0 10px 28px rgba(34,69,118,.065)!important
}
.am-concept-v3 .metric-card,.am-concept-v3 .stat-card{position:relative;overflow:hidden}
.am-concept-v3 .metric-card:before,.am-concept-v3 .stat-card:before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#247cff,#6956e9,#20b9df)
}
.am-concept-v3 .metric-grid>*:nth-child(4n+2):before{background:linear-gradient(90deg,#16bb77,#18c99d)}
.am-concept-v3 .metric-grid>*:nth-child(4n+3):before{background:linear-gradient(90deg,#8b55eb,#b066f5)}
.am-concept-v3 .metric-grid>*:nth-child(4n):before{background:linear-gradient(90deg,#f5a12a,#ffbd55)}
.am-concept-v3 .metric-value{color:#15275b!important;font-weight:800!important}
.am-concept-v3 .metric-note{color:#7e8ba7!important}
.am-concept-v3 .metric-icon{
  background:linear-gradient(145deg,#e7f2ff,#efeaff)!important;color:#376cc4!important;border:1px solid #d7e4f5!important
}
.am-concept-v3 .panel{position:relative;overflow:hidden}
.am-concept-v3 .panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#247cff,#6956e9,#20b9df,#16bb77);opacity:.8}
.am-concept-v3 .panel-head h2{color:#172758!important}
.am-concept-v3 .panel-sub{color:#7d8ba7!important}
.am-concept-v3 .module-tile{transition:.16s ease}
.am-concept-v3 .module-tile:hover{transform:translateY(-2px);border-color:#b9d0ef!important;box-shadow:0 13px 26px rgba(35,76,136,.09)!important}
.am-concept-v3 .module-tile.enabled{background:linear-gradient(145deg,#f5fbff,#f5f3ff)!important}

.am-concept-v3 .table-wrap{border:1px solid #dbe6f2!important;border-radius:14px!important;overflow:auto!important;background:#fff!important}
.am-concept-v3 .table-wrap th{background:linear-gradient(180deg,#f5f8fc,#edf3fa)!important;color:#586f96!important;font-weight:800!important}
.am-concept-v3 .table-wrap td{color:#334b72!important}
.am-concept-v3 .table-wrap tbody tr:nth-child(even) td{background:#fbfdff}
.am-concept-v3 .table-wrap tbody tr:hover td{background:#f3f7ff!important}

.am-concept-v3 input,.am-concept-v3 select,.am-concept-v3 textarea,
.am-concept-v3 .field input,.am-concept-v3 .field select,.am-concept-v3 .field textarea{
  background:#fbfdff!important;border:1px solid #d6e2f0!important;border-radius:10px!important;color:#1c3153!important
}
.am-concept-v3 input:focus,.am-concept-v3 select:focus,.am-concept-v3 textarea:focus{
  border-color:#79aaf0!important;box-shadow:0 0 0 4px rgba(43,125,239,.10)!important;outline:none!important
}
.am-concept-v3 .primary-btn,.am-concept-v3 .primary-action,.am-concept-v3 .btn.primary{
  background:linear-gradient(135deg,#1d7df2 0%,#5e61ed 56%,#7456e8 100%)!important;
  color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(47,98,220,.22)!important
}
.am-concept-v3 .ghost-btn,.am-concept-v3 .btn:not(.primary){background:#fff!important;border-color:#d6e2f0!important;color:#40587e!important}
.am-concept-v3 .badge,.am-concept-v3 .pill{font-weight:800!important;border-radius:999px!important}
.am-concept-v3 .badge.green{background:#e6faf1!important;color:#078057!important;border-color:#bee7d4!important}
.am-concept-v3 .badge.amber{background:#fff5e3!important;color:#9e6812!important;border-color:#f0dba9!important}
.am-concept-v3 .badge.danger{background:#fff0f3!important;color:#b74054!important;border-color:#f0cbd3!important}

/* PLATFORM DASHBOARD — concept-board style */
.am-platform .am-platform-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  background:linear-gradient(135deg,#0b2553 0%,#123d79 55%,#4054c5 100%);
  color:#fff;border-radius:19px;padding:22px 24px;margin-bottom:14px;box-shadow:0 16px 36px rgba(22,55,112,.17);position:relative;overflow:hidden
}
.am-platform .am-platform-hero:after{
  content:"";position:absolute;width:380px;height:220px;border-radius:50%;right:-90px;top:-120px;
  background:radial-gradient(circle,rgba(75,179,255,.34),rgba(116,84,239,.08) 55%,transparent 70%)
}
.am-platform .am-platform-hero h1{margin:4px 0;color:#fff;font-size:30px!important}
.am-platform .am-platform-hero p{margin:0;color:#c9d7ef;max-width:720px}
.am-platform .am-platform-hero .eyebrow{color:#7ed1ff!important}
.am-platform .am-platform-hero-badge{z-index:2;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-weight:800}

/* AUTH / PUBLIC */
.am-public{
  font-family:'Inter','Segoe UI Variable Text','Segoe UI',sans-serif!important
}
.am-public .auth-story,.am-public .access-story{
  background:
    radial-gradient(circle at 78% 18%,rgba(55,154,255,.28),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(115,78,232,.28),transparent 32%),
    linear-gradient(145deg,#07172f 0%,#0d2b5e 52%,#4f4fba 100%)!important
}
.am-public .auth-panel,.am-public .access-panel{background:#f7faff!important}
.am-public .form-shell,.am-public .access-form{
  background:#fff!important;border:1px solid #d9e5f2!important;border-radius:18px!important;
  box-shadow:0 24px 70px rgba(27,63,116,.13)!important;position:relative;overflow:hidden
}
.am-public .form-shell:before,.am-public .access-form:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#247cff,#6956e9,#20b9df)
}
.am-public .form-heading h2{font-family:'Manrope','Segoe UI',sans-serif!important;color:#142456!important}
.am-public .switch-auth{background:#f5f8fd;border:1px solid #e0e9f4;border-radius:10px;padding:10px 12px}
.am-public .switch-auth a{color:#176fe0!important}

/* Homepage */
.am-public .topbar,.am-public .site-header{backdrop-filter:blur(14px)}
.am-public .hero{
  background:
    radial-gradient(circle at 75% 20%,rgba(42,138,255,.28),transparent 28%),
    radial-gradient(circle at 65% 75%,rgba(122,80,239,.22),transparent 30%),
    linear-gradient(145deg,#07172f,#0d2e63 55%,#152c63)!important;
}
.am-public .hero h1,.am-public .hero h2{color:#fff!important}
.am-public .hero p{color:#bfcee7!important}

/* Live monitoring / recording operational surfaces */
.am-concept-v3 .live-screen-shell,
.am-concept-v3 .live-monitor-shell,
.am-concept-v3 .screen-browser,
.am-concept-v3 .screen-card{
  border-radius:15px!important;box-shadow:0 14px 34px rgba(16,41,83,.14)!important
}
.am-concept-v3 .screen-card{border-color:#2a4a7c!important}
.am-concept-v3 .live-viewer,
.am-concept-v3 .screen-stage{
  background:linear-gradient(180deg,#0b1830,#0a1225)!important
}

/* preserve the custom company dashboard exactly: body class isn't am-concept-v3 there */
@media(max-width:900px){
  .am-concept-v3 .portal-content{padding:18px!important}
}