*{box-sizing:border-box}:root{--bg:#f4f7fb;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#111827;--shadow:0 18px 45px rgba(15,23,42,.08);--radius:22px;--accent:#111827}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#dbeafe,transparent 35%),radial-gradient(circle at bottom right,#e0e7ff,transparent 35%),var(--bg);color:var(--text)}.app-shell{width:min(1240px,100%);margin:0 auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;margin-bottom:16px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:52px;height:52px;border-radius:18px;background:var(--accent);color:white;display:grid;place-items:center;font-weight:900;overflow:hidden;flex:0 0 auto}.brand-logo img{width:100%;height:100%;object-fit:contain;background:white}.brand h1{margin:0;font-size:1.1rem}.brand p{margin:4px 0 0;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.hidden{display:none!important}button,.primary-btn,.logout{border:0;background:var(--accent);color:white;border-radius:14px;padding:12px 15px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.logout,.secondary-btn{background:#f1f5f9;color:var(--text)}.danger{background:#dc2626}.login-screen{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.login-hero,.login-card,.hero-card,.toolbar,.asset-card,.site-card,.stat,.admin-panel,.notice,.card,.detail-card,.report-card,.qr-label{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.login-hero{min-height:430px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(30,41,59,.82)),radial-gradient(circle at top right,rgba(59,130,246,.8),transparent 38%);color:white}.login-badge,.eyebrow{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.login-hero h2{font-size:clamp(2rem,5vw,3.7rem);line-height:.98;margin:18px 0 12px;letter-spacing:-.06em}.login-hero p{margin:0;color:rgba(255,255,255,.78);font-size:1.02rem}.login-card{padding:26px;align-self:center}.login-card h3{margin:0 0 18px;font-size:1.5rem}.app-view{display:grid;gap:14px}.hero-card{padding:22px;background:linear-gradient(135deg,#111827,#334155);color:white}.hero-card h2{margin:8px 0 2px;font-size:2rem}.hero-card p{margin:0;color:rgba(255,255,255,.78)}.toolbar{padding:12px}.search,input,select,textarea{width:100%;border:1px solid var(--border);background:white;border-radius:14px;padding:13px 14px;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}.nav{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;background:rgba(255,255,255,.85);border:1px solid var(--border);border-radius:18px;padding:8px;position:sticky;top:96px;z-index:15}.nav button{background:transparent;color:var(--muted);border-radius:12px;padding:11px 8px;font-size:.86rem}.nav button.active{background:var(--accent);color:white}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.stat{padding:18px}.stat span{color:var(--muted);font-size:.84rem}.stat b{display:block;margin-top:6px;font-size:2rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-card,.site-card,.admin-panel,.detail-card,.report-card{padding:18px}.asset-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.asset-card h3,.site-card h3,.detail-card h3,.report-card h3{margin:10px 0 0;font-size:1.18rem}.pill,.status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:850}.qr{background:#eef2ff;color:#3730a3}.status{background:#dcfce7;color:#166534}.status.expired,.status.red{background:#fee2e2;color:#991b1b}.status.warning,.status.amber{background:#fef3c7;color:#92400e}.status.inactive,.status.grey{background:#e2e8f0;color:#334155}dl{display:grid;grid-template-columns:115px 1fr;gap:8px 12px;margin:0;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}dt{color:var(--muted);font-size:.82rem}dd{margin:0;font-weight:650}.cert-list,.timeline,.photo-grid{display:grid;gap:8px;margin-top:14px}.cert,.timeline-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:#f8fafc;border-radius:14px}.timeline-item{display:block}.cert a,.table a{color:var(--accent);font-weight:850}.photo-grid{grid-template-columns:repeat(3,1fr)}.photo-grid img,.asset-photo{width:100%;border-radius:16px;object-fit:cover;background:#f8fafc;border:1px solid var(--border)}.asset-photo{height:170px}.photo-grid img{height:110px}.table{width:100%;border-collapse:collapse;background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;background:#f8fafc}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-panel.wide{grid-column:1/-1}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;font-weight:750;color:#334155}.notice{margin-top:14px;padding:14px;color:#475569;background:#f8fafc}.error{background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}.site-meta{color:var(--muted);line-height:1.5;margin:10px 0 14px}.site-actions,.button-row{display:flex;gap:8px;flex-wrap:wrap}.small-btn{padding:8px 10px;border-radius:10px;font-size:.82rem}.qr-box{background:white;border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center}.qr-box img{width:130px;height:130px}.qr-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qr-label{padding:14px;text-align:center;break-inside:avoid}.qr-label img{width:120px;height:120px}.qr-label h4{margin:8px 0 3px}.qr-label p{margin:0;color:var(--muted);font-size:.8rem}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;z-index:99;padding:14px}.modal{width:min(1000px,100%);height:min(90vh,900px);background:white;border-radius:22px;padding:14px;display:grid;grid-template-rows:auto 1fr;gap:10px}.modal iframe{width:100%;height:100%;border:0;border-radius:14px;background:#f8fafc}.chart-bar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.chart-bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.traffic div{padding:14px;border-radius:18px;text-align:center;font-weight:850}.traffic .green{background:#dcfce7;color:#166534}.traffic .amber{background:#fef3c7;color:#92400e}.traffic .red{background:#fee2e2;color:#991b1b}@media print{body{background:white}.topbar,.toolbar,.nav,.hero-card,.logout,.no-print{display:none!important}.app-shell{width:100%;padding:0}.qr-sheet{grid-template-columns:repeat(3,1fr)}.qr-label,.report-card{box-shadow:none;border:1px solid #111;break-inside:avoid}.view{display:block!important}}@media(max-width:900px){.nav{grid-template-columns:repeat(3,1fr)}.stats,.three-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{padding:10px}.topbar{top:8px;border-radius:20px;padding:10px}.brand-logo{width:46px;height:46px;border-radius:15px}.brand h1{font-size:1rem}.brand p{max-width:48vw;font-size:.78rem}.login-screen{grid-template-columns:1fr}.login-hero{min-height:280px;padding:24px}.login-hero h2{font-size:2.2rem}.login-card{padding:20px}.nav{grid-template-columns:repeat(2,1fr);top:82px}.stats,.grid,.three-grid,.admin-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.admin-panel.wide{grid-column:auto}.asset-head{flex-direction:column}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:8px}.cert{flex-direction:column;align-items:flex-start}.table{display:block;overflow-x:auto;white-space:nowrap}}
.mobile-banner{background:linear-gradient(135deg,#111827,#1e293b);color:white;padding:18px;border-radius:22px;margin-bottom:14px}
.mobile-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mobile-feature{padding:16px;background:white;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}
.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
@media(max-width:760px){.mobile-feature-grid,.operations-grid{grid-template-columns:1fr}}


input[type="text"],
textarea {
  text-transform: capitalize;
}

.compliance-hero{background:linear-gradient(135deg,#052e16,#166534);color:white;border-radius:24px;padding:22px;box-shadow:var(--shadow);margin-bottom:14px}
.compliance-score-big{font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:-.08em;line-height:1}
.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.compliance-card{background:white;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.compliance-card b{font-size:2rem;display:block;margin-top:8px}
.compliance-list{display:grid;gap:10px}
.compliance-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:#f8fafc;border-radius:14px}
@media(max-width:760px){.compliance-grid{grid-template-columns:1fr}}

.status-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#dcfce7;color:#166534;font-size:.75rem;font-weight:900}
.status.warning{background:#fef3c7;color:#92400e}
.status.expired{background:#fee2e2;color:#991b1b}


.asset-health-row{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:8px 0;
}

.asset-health{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:.75rem;
  font-weight:800;
  background:#dcfce7;
  color:#166534;
}

.asset-health.warning{
  background:#fef3c7;
  color:#92400e;
}

.asset-health.danger{
  background:#fee2e2;
  color:#991b1b;
}

.dashboard-health-card{margin-top:14px}
.status-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#dcfce7;color:#166534;font-size:.75rem;font-weight:900}
.status.warning{background:#fef3c7;color:#92400e}
.status.expired{background:#fee2e2;color:#991b1b}

.premium-health-widget{
  background:white;
  border:1px solid var(--border);
  border-radius:24px;
  padding:18px;
  box-shadow:var(--shadow);
  margin:14px 0;
}

.premium-health-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}

.premium-health-head h2{
  margin:0;
  font-size:1.2rem;
  letter-spacing:-.02em;
}

.premium-health-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:.9rem;
}

.premium-health-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.premium-health-card{
  border-radius:18px;
  padding:16px;
  border:1px solid transparent;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  min-height:150px;
  position:relative;
  overflow:hidden;
}

.premium-health-card::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:5px;
  border-radius:999px 999px 0 0;
}

.premium-health-card.good{
  background:#ecfdf5;
  border-color:#bbf7d0;
}

.premium-health-card.good::after{
  background:#16a34a;
}

.premium-health-card.due{
  background:#fffbeb;
  border-color:#fde68a;
}

.premium-health-card.due::after{
  background:#f59e0b;
}

.premium-health-card.action{
  background:#fef2f2;
  border-color:#fecaca;
}

.premium-health-card.action::after{
  background:#dc2626;
}

.premium-health-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:white;
  font-weight:900;
  font-size:1.2rem;
}

.good .premium-health-icon{background:#16a34a}
.due .premium-health-icon{background:#f59e0b}
.action .premium-health-icon{background:#dc2626}

.premium-health-card h3{
  margin:0;
  font-size:1.2rem;
}

.premium-health-card b{
  display:block;
  font-size:1.5rem;
  margin:4px 0 8px;
}

.premium-health-card p{
  margin:0;
  color:#334155;
  font-size:.88rem;
  line-height:1.45;
}

@media(max-width:760px){
  .premium-health-grid{
    grid-template-columns:1fr;
  }
}

/* v15 exact health widget replacement */
.premium-health-widget{
  background:white;
  border:1px solid var(--border);
  border-radius:24px;
  padding:18px;
  box-shadow:var(--shadow);
  margin:14px 0;
}
.premium-health-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.premium-health-head h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}
.premium-health-head p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.premium-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.premium-health-card{
  border-radius:18px;
  padding:16px;
  border:1px solid transparent;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  min-height:150px;
  position:relative;
  overflow:hidden;
}
.premium-health-card::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:5px;
  border-radius:999px 999px 0 0;
}
.premium-health-card.good{background:#ecfdf5;border-color:#bbf7d0}
.premium-health-card.good::after{background:#16a34a}
.premium-health-card.due{background:#fffbeb;border-color:#fde68a}
.premium-health-card.due::after{background:#f59e0b}
.premium-health-card.action{background:#fef2f2;border-color:#fecaca}
.premium-health-card.action::after{background:#dc2626}
.premium-health-icon{
  width:42px;height:42px;border-radius:999px;display:grid;place-items:center;
  color:white;font-weight:900;font-size:1.2rem;
}
.good .premium-health-icon{background:#16a34a}
.due .premium-health-icon{background:#f59e0b}
.action .premium-health-icon{background:#dc2626}
.premium-health-card h3{margin:0;font-size:1.2rem}
.premium-health-card b{display:block;font-size:1.5rem;margin:4px 0 8px}
.premium-health-card p{margin:0;color:#334155;font-size:.88rem;line-height:1.45}
@media(max-width:760px){.premium-health-grid{grid-template-columns:1fr}}


/* V16 compact dashboard-native Asset Health widget */
.premium-health-widget{
  background:white!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:var(--shadow)!important;
  margin:14px 0!important;
  overflow:hidden!important;
}

.premium-health-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:12px!important;
}

.premium-health-head h2{
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}

.premium-health-head p{
  margin:2px 0 0!important;
  color:var(--muted)!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  text-align:right!important;
}

.premium-health-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}

.premium-health-card{
  min-width:0!important;
  border-radius:16px!important;
  padding:12px!important;
  border:1px solid transparent!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:118px!important;
  max-height:132px!important;
  position:relative!important;
  overflow:hidden!important;
}

.premium-health-card::after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:0!important;
  height:4px!important;
  border-radius:999px 999px 0 0!important;
}

.premium-health-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

.premium-health-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:white!important;
  font-weight:900!important;
  font-size:1rem!important;
  line-height:1!important;
}

.premium-health-card h3{
  margin:0!important;
  font-size:1rem!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

.premium-health-card b{
  display:block!important;
  font-size:1.35rem!important;
  line-height:1.1!important;
  margin:2px 0 0!important;
}

.premium-health-card p{
  margin:0!important;
  color:#334155!important;
  font-size:.74rem!important;
  line-height:1.25!important;
  max-width:100%!important;
}

.premium-health-card.good{
  background:#ecfdf5!important;
  border-color:#bbf7d0!important;
}

.premium-health-card.good::after{
  background:#16a34a!important;
}

.premium-health-card.due{
  background:#fffbeb!important;
  border-color:#fde68a!important;
}

.premium-health-card.due::after{
  background:#f59e0b!important;
}

.premium-health-card.action{
  background:#fef2f2!important;
  border-color:#fecaca!important;
}

.premium-health-card.action::after{
  background:#dc2626!important;
}

.good .premium-health-icon{
  background:#16a34a!important;
}

.due .premium-health-icon{
  background:#f59e0b!important;
}

.action .premium-health-icon{
  background:#dc2626!important;
}

@media(max-width:900px){
  .premium-health-head{
    display:block!important;
  }

  .premium-health-head p{
    text-align:left!important;
    margin-top:4px!important;
  }

  .premium-health-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .premium-health-card{
    padding:10px!important;
    min-height:108px!important;
  }

  .premium-health-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  .premium-health-card h3{
    font-size:.9rem!important;
  }

  .premium-health-card b{
    font-size:1.2rem!important;
  }

  .premium-health-card p{
    font-size:.68rem!important;
  }
}

@media(max-width:620px){
  .premium-health-grid{
    grid-template-columns:1fr!important;
  }

  .premium-health-card{
    max-height:none!important;
    min-height:90px!important;
  }
}


/* V17 asset health badges */
.asset-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 10px;
}

.asset-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.asset-badge.good{
  background:#dcfce7;
  color:#166534;
}

.asset-badge.warning{
  background:#fef3c7;
  color:#92400e;
}

.asset-badge.danger{
  background:#fee2e2;
  color:#991b1b;
}


/* V19 Works Record Everywhere */
.wr-page-panel{margin-top:14px}
#wrAssetSelect{
  width:100%;
  padding:12px;
  border:1px solid var(--border);
  border-radius:14px;
  margin-top:6px;
}
.wr-panel{
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  padding:16px;
  margin:16px 0;
}
.wr-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.wr-head h3{margin:0;font-size:1.15rem}
.wr-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}
.wr-asset-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:10px;
  margin-bottom:14px;
}
.wr-timeline{display:grid;gap:12px}
.wr-item{display:grid;grid-template-columns:22px 1fr;gap:10px}
.wr-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#64748b;
  margin-top:8px;
  box-shadow:0 0 0 4px #f1f5f9;
}
.wr-item.certificate .wr-dot{background:#2563eb}
.wr-item.work .wr-dot{background:#16a34a}
.wr-item.photo .wr-dot{background:#9333ea}
.wr-item.install .wr-dot{background:#f59e0b}
.wr-content{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
}
.wr-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#64748b;
  font-size:.78rem;
  font-weight:800;
  margin-bottom:4px;
}
.wr-content h4{margin:0 0 4px;font-size:1rem}
.wr-content p{margin:6px 0 0;color:#334155;white-space:pre-wrap}
.wr-subtitle{color:#64748b!important;font-size:.88rem}
.wr-modal{
  position:fixed;
  inset:0;
  z-index:350;
  background:rgba(15,23,42,.62);
  display:grid;
  place-items:center;
  padding:14px;
}
.wr-card{
  background:white;
  border-radius:24px;
  box-shadow:var(--shadow);
  width:min(760px,100%);
  max-height:92vh;
  overflow:auto;
  padding:18px;
}
@media(max-width:760px){.wr-head{display:block}}

.asset-category-badge{
  display:inline-flex;
  background:#e0f2fe;
  color:#075985;
  border-radius:999px;
  padding:5px 10px;
  font-size:.75rem;
  font-weight:900;
  margin:6px 0 10px;
}

.minimal-category-section{background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px;margin:12px 0}
.minimal-category-section h3{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}
.minimal-category-section h3 span{background:#f1f5f9;border-radius:999px;padding:4px 9px;font-size:.8rem}
.minimal-asset-list{display:grid;gap:8px}
.minimal-asset-card{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;cursor:pointer}
.minimal-asset-card:hover{background:#f1f5f9}
.minimal-asset-card small{display:block;color:#64748b;margin-top:4px}
.asset-detail-modal{position:fixed;inset:0;z-index:400;background:rgba(15,23,42,.65);display:grid;place-items:center;padding:14px}
.asset-detail-card{width:min(900px,100%);max-height:92vh;overflow:auto;background:white;border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.asset-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}
.asset-detail-grid span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px}
.asset-detail-grid b{display:block;color:#64748b;font-size:.78rem;margin-bottom:4px}
.asset-detail-section{border-top:1px solid #e2e8f0;padding-top:14px;margin-top:14px}
.asset-detail-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;margin:8px 0}
.asset-detail-row small{display:block;color:#64748b;margin-top:4px}
.asset-detail-row p{white-space:pre-wrap}
.asset-detail-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.asset-detail-photos img{width:100%;height:120px;object-fit:cover;border-radius:14px}
@media(max-width:680px){.asset-detail-grid,.asset-detail-photos{grid-template-columns:1fr}}

/* V39 Safe Asset Tabs */
.v39-assets-header{
  margin-bottom:14px;
}
.v39-assets-header h2{
  margin:0;
}
.v39-assets-header p{
  color:#64748b;
  margin:4px 0 0;
}
.v39-category-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  margin-bottom:12px;
}
.v39-category-tabs button{
  white-space:nowrap;
  border:1px solid #e2e8f0;
  background:white;
  color:#0f172a;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
}
.v39-category-tabs button.active{
  background:#0f172a;
  color:white;
}
.v39-category-tabs span{
  margin-left:5px;
  opacity:.75;
}
.v39-asset-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.v39-asset-card{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  align-items:center;
  background:white;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:10px;
  cursor:pointer;
}
.v39-asset-card:hover{
  background:#f8fafc;
}
.v39-asset-thumb{
  width:92px;
  height:78px;
  border-radius:14px;
  background:#f1f5f9;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:.75rem;
  font-weight:800;
}
.v39-asset-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v39-asset-info h3{
  margin:0;
  font-size:1rem;
}
.v39-asset-info p{
  margin:4px 0 8px;
  color:#64748b;
  font-size:.85rem;
}
.v39-category-pill{
  display:inline-flex;
  background:#e0f2fe;
  color:#075985;
  border-radius:999px;
  padding:5px 10px;
  font-size:.75rem;
  font-weight:900;
}
.v39-modal{
  position:fixed;
  inset:0;
  z-index:450;
  background:rgba(15,23,42,.65);
  display:grid;
  place-items:center;
  padding:14px;
}
.v39-modal-card{
  width:min(900px,100%);
  max-height:92vh;
  overflow:auto;
  background:white;
  border-radius:24px;
  padding:18px;
  box-shadow:var(--shadow);
}
.v39-detail-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:14px 0;
}
.v39-detail-tabs button{
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#0f172a;
  border-radius:14px;
  padding:10px;
  font-weight:900;
}
.v39-detail-tabs button.active{
  background:#0f172a;
  color:white;
}
.v39-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.v39-detail-grid span,
.v39-row{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:10px;
}
.v39-detail-grid b,
.v39-row small{
  display:block;
  color:#64748b;
  font-size:.78rem;
  margin-bottom:4px;
}
.v39-row{
  margin:8px 0;
}
.v39-row p{
  white-space:pre-wrap;
}
.v39-photos{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.v39-photos img{
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:14px;
}
@media(max-width:760px){
  .v39-asset-grid{grid-template-columns:1fr}
  .v39-detail-tabs{grid-template-columns:1fr 1fr}
  .v39-detail-grid,.v39-photos{grid-template-columns:1fr}
}

/* V40 asset preview + cert actions */
.v40-asset-preview{
  width:100%;
  height:220px;
  border-radius:18px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  overflow:hidden;
  margin:12px 0;
  display:grid;
  place-items:center;
  color:#64748b;
  font-weight:800;
}
.v40-asset-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.v40-cert-actions{
  display:flex;
  gap:8px;
  margin-top:8px;
}
.v40-cert-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 12px;
  background:#0f172a;
  color:white;
  text-decoration:none;
  font-size:.8rem;
  font-weight:900;
}
.v40-cert-actions a:nth-child(2){
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid #e2e8f0;
}
@media(max-width:760px){
  .v40-asset-preview{height:170px}
}

/* V44 asset preview image fit fix */
.v40-asset-preview{
  height:260px!important;
  background:#f8fafc!important;
  padding:10px!important;
}

.v40-asset-preview img{
  object-fit:contain!important;
  background:#f8fafc!important;
  border-radius:14px!important;
}

.v39-asset-thumb img,
.compact-asset-photo img{
  object-fit:contain!important;
  background:#f8fafc!important;
}

/* V45 FORCE PREVIEW FIT */
.v40-asset-preview,
.v39-modal .v40-asset-preview,
.v39-modal-card .v40-asset-preview{
  width:100%!important;
  height:240px!important;
  max-height:240px!important;
  min-height:240px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

.v40-asset-preview img,
.v39-modal .v40-asset-preview img,
.v39-modal-card .v40-asset-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:#f8fafc!important;
  border-radius:12px!important;
}

/* V46 site specific assets */
.v46-site-filter{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-radius:18px;
  padding:12px;
  margin-bottom:12px;
}
.v46-site-filter p{
  margin:3px 0 0;
  color:#475569;
  font-size:.85rem;
}
.v46-site-filter button{
  border:0;
  border-radius:999px;
  background:#0f172a;
  color:white;
  padding:9px 12px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:680px){
  .v46-site-filter{display:block}
  .v46-site-filter button{margin-top:10px;width:100%}
}

/* V49 prevent old asset UI flash */
#v39OriginalAssets,
.v49-hide-old-assets{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#assetsView.v49-assets-clean-mode > :not(.v39-assets-header):not(#v39AssetTabsHost):not(#v39OriginalAssets){
  display:none!important;
}

/* V50 inline certificate viewer */
.v50-cert-modal{
  position:fixed;
  inset:0;
  z-index:600;
  background:rgba(15,23,42,.72);
  display:grid;
  place-items:center;
  padding:16px;
}

.v50-cert-card{
  width:min(1200px,100%);
  height:min(92vh,100%);
  background:white;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.v50-cert-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid #e2e8f0;
}

.v50-cert-header h3{
  margin:0;
}

.v50-cert-header p{
  margin:4px 0 0;
  color:#64748b;
  font-size:.9rem;
}

.v50-cert-actions{
  display:flex;
  gap:8px;
  align-items:center;
}

.v50-cert-actions a,
.v50-cert-actions button,
.v40-cert-actions button{
  border:0;
  border-radius:999px;
  padding:9px 14px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  background:#0f172a;
  color:white;
}

.v50-cert-actions a{
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid #e2e8f0;
}

.v50-cert-card iframe{
  width:100%;
  height:100%;
  border:0;
  background:#f8fafc;
}

@media(max-width:760px){
  .v50-cert-header{
    display:block;
  }

  .v50-cert-actions{
    margin-top:12px;
  }
}

/* V51 company branding */
.company-branding-strip{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:10px 14px;
  margin-bottom:14px;
  font-weight:900;
  color:#0f172a;
}
.company-branding-strip img{
  width:38px;
  height:38px;
  object-fit:contain;
}
.branding-admin-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:16px;
  margin:12px 0;
}
.branding-preview{
  display:flex;
  align-items:center;
  gap:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
  margin:12px 0;
}
.branding-preview img{
  width:70px;
  height:50px;
  object-fit:contain;
}

/* V54 branding diagnostics */
.branding-debug{
  background:#0f172a;
  color:#e2e8f0;
  border-radius:16px;
  padding:12px;
  margin:12px 0;
  display:grid;
  gap:6px;
}
.branding-debug b{
  color:white;
  font-size:.8rem;
}
.branding-debug code{
  display:block;
  white-space:pre-wrap;
  word-break:break-all;
  background:#111827;
  border-radius:10px;
  padding:8px;
  font-size:.75rem;
}

/* V55 dedicated branding tab */
#brandingView .branding-admin-card{
  max-width:760px;
}

/* V57 direct branding panel */
.v57-branding-panel{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:16px;
  margin:0 0 16px;
  box-shadow:var(--shadow);
}
.v57-branding-panel h2{
  margin:0;
}
.v57-branding-panel p{
  color:#64748b;
  margin:5px 0 12px;
}
.v57-brand-preview{
  display:flex;
  align-items:center;
  gap:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
  margin:12px 0;
}
.v57-brand-preview img{
  width:80px;
  height:55px;
  object-fit:contain;
  background:white;
  border-radius:10px;
}
.v57-no-logo{
  width:80px;
  height:55px;
  display:grid;
  place-items:center;
  background:white;
  border:1px dashed #cbd5e1;
  border-radius:10px;
  color:#64748b;
  font-size:.75rem;
  text-align:center;
}
.v57-brand-preview small{
  display:block;
  color:#64748b;
  margin-top:3px;
}
.v57-debug{
  background:#0f172a;
  color:#e2e8f0;
  border-radius:16px;
  padding:12px;
  margin:12px 0;
  display:grid;
  gap:6px;
}
.v57-debug b{
  color:white;
  font-size:.8rem;
}
.v57-debug code{
  display:block;
  white-space:pre-wrap;
  word-break:break-all;
  background:#111827;
  border-radius:10px;
  padding:8px;
  font-size:.75rem;
}

/* V63 AssetTrak platform branding
   Platform branding is intentionally subtle.
   Company/admin branding still controls customer portal, engineer portal and certificates. */
.platform-brand-login{
  max-width:720px;
  margin:18px auto 12px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,#020617,#0f172a);
  box-shadow:0 24px 70px rgba(2,6,23,.22);
  text-align:center;
}
.platform-brand-login img{
  width:min(440px,92%);
  height:auto;
  display:block;
  margin:0 auto;
}
.platform-brand-login p{
  color:#94a3b8;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-size:.78rem;
  margin:8px 0 0;
}
.platform-powered-footer,
.engineer-platform-powered{
  position:fixed;
  right:14px;
  bottom:10px;
  z-index:50;
  background:rgba(255,255,255,.92);
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:7px 11px;
  color:#64748b;
  font-size:.74rem;
  font-weight:700;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}
.platform-powered-footer b,
.engineer-platform-powered b{
  color:#0f172a;
}
.platform-powered-footer span,
.engineer-platform-powered span{
  color:#0ea5e9;
}
@media(max-width:760px){
  .platform-brand-login{
    margin:10px 10px 12px;
    padding:14px;
    border-radius:22px;
  }
  .platform-powered-footer,
  .engineer-platform-powered{
    position:static;
    width:max-content;
    margin:16px auto 8px;
  }
}

/* V64 AssetTrak login landing layout */
body.at-login-active{
  background:#f6f8fc!important;
}

.at-login-shell{
  width:min(1500px,calc(100% - 48px));
  margin:28px auto 18px;
}

.at-login-header{
  background:rgba(255,255,255,.92);
  border:1px solid #e6edf7;
  border-radius:28px;
  padding:22px 28px;
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}

.at-login-header img{
  width:min(600px,94%);
  height:auto;
  display:block;
}

.at-login-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(390px,.9fr);
  gap:28px;
  align-items:center;
  margin-top:28px;
}

.at-hero-card{
  position:relative;
  overflow:hidden;
  min-height:540px;
  border-radius:28px;
  padding:58px 52px 34px;
  background:
    radial-gradient(circle at 80% 45%, rgba(37,99,235,.35), transparent 36%),
    linear-gradient(135deg,#071a3a,#0d3475);
  color:white;
  box-shadow:0 30px 80px rgba(15,23,42,.22);
}

.at-hero-watermark{
  position:absolute;
  right:6%;
  top:4%;
  font-size:430px;
  line-height:.8;
  font-weight:900;
  color:rgba(255,255,255,.065);
  pointer-events:none;
}

.at-pill{
  position:relative;
  z-index:1;
  display:inline-flex;
  border-radius:999px;
  padding:12px 18px;
  background:rgba(0,102,255,.55);
  color:#fff;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.13em;
  font-size:.84rem;
}

.at-hero-card h1{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:28px 0 18px;
  font-size:clamp(2.6rem,5vw,5.4rem);
  line-height:1.02;
  letter-spacing:-.06em;
  color:#fff;
}

.at-hero-card p{
  position:relative;
  z-index:1;
  max-width:650px;
  color:#dbeafe;
  font-size:1.25rem;
  line-height:1.55;
  margin:0;
}

.at-feature-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:48px;
}

.at-feature-row div{
  border-right:1px solid rgba(255,255,255,.28);
  padding:0 20px;
  text-align:center;
}

.at-feature-row div:first-child{
  padding-left:0;
}

.at-feature-row div:last-child{
  border-right:0;
  padding-right:0;
}

.at-feature-row b{
  display:block;
  font-size:2.4rem;
  color:#bfdbfe;
  margin-bottom:10px;
}

.at-feature-row span{
  display:block;
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  font-size:.88rem;
}

.at-feature-row small{
  display:block;
  color:#cbd5e1;
  margin-top:6px;
}

.at-login-card{
  background:white;
  border:1px solid #e2e8f0;
  border-radius:28px;
  padding:48px;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}

.at-login-card .at-auth-mounted,
.at-login-card .auth-card,
.at-login-card #auth{
  box-shadow:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
}

.at-login-card h1,
.at-login-card h2{
  font-size:2rem!important;
  color:#0b1b3a!important;
  margin-bottom:24px!important;
}

.at-login-card input{
  border-radius:12px!important;
  min-height:54px!important;
}

.at-login-card button{
  min-height:56px!important;
  border-radius:14px!important;
  background:#071a3a!important;
  color:#fff!important;
  font-weight:900!important;
}

.at-powered-login{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#475569;
  margin:24px 0 0;
  font-weight:700;
}

.at-powered-login img{
  width:190px;
  height:auto;
}

/* Hide older platform header while login landing is active */
body.at-login-active #platformBrandLogin,
body.at-login-active .platform-brand-login{
  display:none!important;
}

@media(max-width:980px){
  .at-login-shell{
    width:min(100% - 24px,720px);
    margin:14px auto;
  }
  .at-login-grid{
    grid-template-columns:1fr;
  }
  .at-hero-card{
    min-height:auto;
    padding:34px 24px;
  }
  .at-feature-row{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .at-feature-row div{
    border-right:0;
    padding:0;
  }
  .at-login-card{
    padding:28px;
  }
}

/* V65 force AssetTrak login layout */
.at-forced-login{
  width:min(1500px,calc(100% - 48px));
  margin:28px auto 18px;
  position:relative;
  z-index:999;
}

body.at-force-login-active > main,
body.at-force-login-active #app,
body.at-force-login-active .app-shell,
body.at-force-login-active .portal-shell,
body.at-force-login-active #platformBrandLogin,
body.at-force-login-active .platform-brand-login{
  display:none!important;
}

.at-forced-header{
  background:rgba(255,255,255,.96);
  border:1px solid #e6edf7;
  border-radius:28px;
  padding:22px 28px;
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}

.at-forced-header img{
  width:min(600px,94%);
  height:auto;
  display:block;
}

.at-forced-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(390px,.9fr);
  gap:28px;
  align-items:center;
  margin-top:28px;
}

.at-forced-hero{
  position:relative;
  overflow:hidden;
  min-height:540px;
  border-radius:28px;
  padding:58px 52px 34px;
  background:
    radial-gradient(circle at 80% 45%, rgba(37,99,235,.38), transparent 36%),
    linear-gradient(135deg,#071a3a,#0d3475);
  color:white;
  box-shadow:0 30px 80px rgba(15,23,42,.22);
}

.at-bg-a{
  position:absolute;
  right:5%;
  top:1%;
  font-size:430px;
  line-height:.8;
  font-weight:950;
  color:rgba(255,255,255,.07);
  pointer-events:none;
}

.at-forced-hero span{
  position:relative;
  z-index:1;
  display:inline-flex;
  border-radius:999px;
  padding:12px 18px;
  background:rgba(0,102,255,.55);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.13em;
  font-size:.84rem;
}

.at-forced-hero h1{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:28px 0 18px;
  font-size:clamp(2.6rem,5vw,5.4rem);
  line-height:1.02;
  letter-spacing:-.06em;
  color:white;
}

.at-forced-hero p{
  position:relative;
  z-index:1;
  max-width:650px;
  color:#dbeafe;
  font-size:1.25rem;
  line-height:1.55;
  margin:0;
}

.at-forced-features{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:48px;
}

.at-forced-features div{
  border-right:1px solid rgba(255,255,255,.28);
  padding:0 18px;
  text-align:center;
}

.at-forced-features div:last-child{border-right:0}

.at-forced-features b{
  display:block;
  font-size:2.3rem;
  color:#bfdbfe;
  margin-bottom:8px;
}

.at-forced-features strong{
  display:block;
  color:white;
  font-weight:900;
  text-transform:uppercase;
  font-size:.86rem;
}

.at-forced-features small{
  display:block;
  color:#cbd5e1;
  margin-top:6px;
}

.at-forced-auth{
  background:white;
  border:1px solid #e2e8f0;
  border-radius:28px;
  padding:48px;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}

.at-forced-auth-mounted,
.at-forced-auth form,
.at-forced-auth .auth-card,
.at-forced-auth #auth{
  box-shadow:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
}

.at-forced-auth h1,
.at-forced-auth h2{
  font-size:2rem!important;
  color:#0b1b3a!important;
  margin-bottom:24px!important;
}

.at-forced-auth input{
  border-radius:12px!important;
  min-height:54px!important;
}

.at-forced-auth button{
  min-height:56px!important;
  border-radius:14px!important;
  background:#071a3a!important;
  color:#fff!important;
  font-weight:900!important;
}

.at-forced-powered{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#475569;
  margin:24px 0 0;
  font-weight:700;
}

.at-forced-powered img{
  width:190px;
  height:auto;
}

@media(max-width:980px){
  .at-forced-login{
    width:min(100% - 24px,720px);
    margin:14px auto;
  }
  .at-forced-grid{
    grid-template-columns:1fr;
  }
  .at-forced-hero{
    min-height:auto;
    padding:34px 24px;
  }
  .at-forced-features{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .at-forced-features div{
    border-right:0;
    padding:0;
  }
  .at-forced-auth{
    padding:28px;
  }
}

/* V66 AssetTrak login sizing refinement */
.at-forced-login,
.at-login-shell{
  width:min(1420px,calc(100% - 56px))!important;
  margin:22px auto 14px!important;
}

.at-forced-header,
.at-login-header{
  border-radius:24px!important;
  padding:16px 24px!important;
}

.at-forced-header img,
.at-login-header img{
  width:min(520px,90%)!important;
  max-height:88px!important;
}

.at-forced-grid,
.at-login-grid{
  grid-template-columns:minmax(0,1.42fr) minmax(390px,.82fr)!important;
  gap:24px!important;
  margin-top:24px!important;
}

.at-forced-hero,
.at-hero-card{
  min-height:455px!important;
  border-radius:24px!important;
  padding:42px 42px 28px!important;
}

.at-forced-hero h1,
.at-hero-card h1{
  font-size:clamp(2.35rem,4.15vw,4.55rem)!important;
  line-height:1.03!important;
  margin:24px 0 14px!important;
  max-width:700px!important;
}

.at-forced-hero p,
.at-hero-card p{
  font-size:1.05rem!important;
  line-height:1.48!important;
  max-width:610px!important;
}

.at-forced-hero span,
.at-pill{
  padding:9px 15px!important;
  font-size:.74rem!important;
}

.at-bg-a,
.at-hero-watermark{
  font-size:340px!important;
  right:7%!important;
  top:8%!important;
  opacity:.78!important;
}

.at-forced-features,
.at-feature-row{
  margin-top:36px!important;
}

.at-forced-features b,
.at-feature-row b{
  font-size:1.9rem!important;
  margin-bottom:7px!important;
}

.at-forced-features strong,
.at-feature-row span{
  font-size:.76rem!important;
}

.at-forced-features small,
.at-feature-row small{
  font-size:.78rem!important;
}

.at-forced-auth,
.at-login-card{
  border-radius:24px!important;
  padding:38px!important;
}

.at-forced-auth h1,
.at-forced-auth h2,
.at-login-card h1,
.at-login-card h2{
  font-size:1.75rem!important;
  margin-bottom:20px!important;
}

.at-forced-auth input,
.at-login-card input{
  min-height:49px!important;
}

.at-forced-auth button,
.at-login-card button{
  min-height:52px!important;
}

.at-forced-powered,
.at-powered-login{
  margin-top:18px!important;
}

.at-forced-powered img,
.at-powered-login img{
  width:165px!important;
}

/* Prevent browser zoom-ish oversized login form inside mounted auth */
.at-forced-auth-mounted{
  transform:scale(.96);
  transform-origin:top left;
  width:104%!important;
}

@media(max-width:980px){
  .at-forced-login,
  .at-login-shell{
    width:min(100% - 24px,720px)!important;
    margin:12px auto!important;
  }

  .at-forced-grid,
  .at-login-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .at-forced-hero,
  .at-hero-card{
    min-height:auto!important;
    padding:30px 22px!important;
  }

  .at-forced-hero h1,
  .at-hero-card h1{
    font-size:2.55rem!important;
  }

  .at-bg-a,
  .at-hero-watermark{
    font-size:250px!important;
  }

  .at-forced-auth,
  .at-login-card{
    padding:26px!important;
  }
}

/* V67 final AssetTrak login layout */
body.at-final-login-active{
  background:#f7f9fd!important;
  overflow-x:hidden;
}

body.at-final-login-active > main,
body.at-final-login-active #app,
body.at-final-login-active .app-shell,
body.at-final-login-active .portal-shell,
body.at-final-login-active #platformBrandLogin,
body.at-final-login-active .platform-brand-login,
body.at-final-login-active #assetTrakForcedLogin,
body.at-final-login-active #assetTrakLoginShell{
  display:none!important;
}

.at-final-login{
  width:min(1440px,calc(100% - 54px));
  margin:24px auto 18px;
  position:relative;
  z-index:9999;
}

.at-final-header{
  background:rgba(255,255,255,.98);
  border:1px solid #e7edf6;
  border-radius:24px;
  padding:18px 26px;
  box-shadow:0 22px 60px rgba(15,23,42,.08);
}

.at-final-header img{
  display:block;
  width:390px;
  max-width:88%;
  height:auto;
}

.at-final-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(440px,.82fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  margin-top:26px!important;
}

.at-final-hero{
  position:relative;
  overflow:hidden;
  min-height:500px;
  border-radius:26px;
  padding:48px 46px 32px;
  background:
    radial-gradient(circle at 84% 48%, rgba(0,102,255,.38), transparent 35%),
    linear-gradient(135deg,#071a3a 0%,#0a2d66 48%,#0066ff 135%);
  color:white;
  box-shadow:0 28px 76px rgba(15,23,42,.22);
}

.at-final-watermark{
  position:absolute;
  right:1%;
  top:13%;
  font-size:390px;
  line-height:.8;
  font-weight:950;
  color:rgba(255,255,255,.075);
  pointer-events:none;
}

.at-final-pill{
  position:relative;
  z-index:1;
  display:inline-flex;
  border-radius:999px;
  padding:10px 16px;
  background:rgba(0,102,255,.62);
  color:#fff;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
}

.at-final-hero h1{
  position:relative;
  z-index:1;
  color:#fff!important;
  margin:28px 0 18px!important;
  max-width:760px;
  font-size:clamp(2.7rem,4.25vw,4.8rem)!important;
  line-height:1.04!important;
  letter-spacing:-.065em!important;
}

.at-final-hero p{
  position:relative;
  z-index:1;
  max-width:650px;
  margin:0!important;
  color:#dbeafe!important;
  font-size:1.08rem!important;
  line-height:1.55!important;
}

.at-final-features{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:44px;
}

.at-final-features div{
  text-align:center;
  border-right:1px solid rgba(255,255,255,.28);
  padding:0 18px;
}

.at-final-features div:last-child{
  border-right:0;
}

.at-final-features b{
  display:block;
  color:#f8fbff;
  font-size:2.15rem;
  margin-bottom:9px;
  font-weight:800;
}

.at-final-features strong{
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-size:.82rem;
  font-weight:950;
}

.at-final-features small{
  display:block;
  color:#cbd5e1;
  margin-top:5px;
  font-size:.78rem;
}

.at-final-auth{
  display:flex;
  align-items:center;
  justify-content:center;
  background:white;
  border:1px solid #e2e8f0;
  border-radius:26px;
  padding:54px;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}

#assetTrakFinalAuthMount{
  width:100%;
}

/* Hide old internal hero/card inside the original login when it gets moved */
.at-final-auth-mounted section:not(:has(input)),
.at-final-auth-mounted aside:not(:has(input)),
.at-final-auth-mounted .hero:not(:has(input)),
.at-final-auth-mounted .marketing:not(:has(input)),
.at-final-auth-mounted .intro:not(:has(input)),
.at-final-auth-mounted .brand-panel:not(:has(input)),
.at-final-auth-mounted .portal-hero:not(:has(input)){
  display:none!important;
}

.at-final-auth-mounted,
.at-final-auth-mounted form,
.at-final-auth #auth,
.at-final-auth #authView,
.at-final-auth .auth-card,
.at-final-auth .login-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.at-final-auth h1,
.at-final-auth h2{
  color:#0b1b3a!important;
  font-size:2.05rem!important;
  line-height:1.1!important;
  margin:0 0 28px!important;
}

.at-final-auth label{
  color:#0b1b3a!important;
  font-weight:800!important;
  margin-bottom:8px!important;
}

.at-final-auth input{
  min-height:58px!important;
  border-radius:13px!important;
  border:1px solid #d8e0ec!important;
  font-size:1rem!important;
  padding:0 18px!important;
}

.at-final-auth button{
  min-height:60px!important;
  border-radius:15px!important;
  background:#071a3a!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:1.05rem!important;
}

.at-final-powered{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:20px;
  color:#475569;
  font-weight:700;
}

.at-final-powered img{
  width:185px;
  height:auto;
}

@media(max-width:1050px){
  .at-final-login{
    width:min(100% - 24px,760px);
    margin:14px auto;
  }

  .at-final-grid{
    grid-template-columns:1fr!important;
  }

  .at-final-hero{
    min-height:auto;
    padding:34px 24px;
  }

  .at-final-hero h1{
    font-size:2.7rem!important;
  }

  .at-final-watermark{
    font-size:270px;
  }

  .at-final-features{
    grid-template-columns:1fr 1fr;
    gap:20px;
  }

  .at-final-features div{
    border-right:0;
    padding:0;
  }

  .at-final-auth{
    padding:30px;
  }

  .at-final-header img{
    width:330px;
  }
}