/* BME Asset Visual System — Round 10
   Typography, SVG icons and restrained brand gradients. */
:root{
  --font-en:"Inter",sans-serif;
  --font-th:"Noto Sans Thai",sans-serif;
  --font-display:"Tenor Sans",sans-serif;
  --font-regular:400;
  --font-medium:500;
  --font-semibold:600;
  --bme-vs-navy:#08264f;
  --bme-vs-navy-deep:#041a38;
  --bme-vs-blue:#1b67c9;
  --bme-vs-blue-soft:#eaf3ff;
  --bme-vs-gold:#d6aa45;
  --bme-vs-gold-soft:#fff6df;
  --bme-vs-teal:#0f9b8e;
  --bme-vs-purple:#6358d6;
  --bme-vs-text:#10233f;
  --bme-vs-muted:#66778d;
  --bme-vs-line:#e5e5e5;
  --bme-vs-radius:12px;
  --bme-vs-shadow:0 4px 16px rgba(8,38,79,.06);

  /* Shared authenticated page-header / typography tokens */
  --bme-page-gutter:28px;
  --bme-page-header-min-height:156px;
  --bme-page-header-padding-y:24px;
  --bme-page-header-padding-x:28px;
  --bme-page-header-gap:24px;
  --bme-page-header-radius:18px;
  --bme-page-title-size:26px;
  --bme-page-title-weight:600;
  --bme-page-title-line:1.30;
  --bme-page-description-size:13px;
  --bme-page-description-line:1.55;
  --bme-page-eyebrow-size:12px;
  --bme-page-eyebrow-line:18px;
  --bme-page-meta-height:33px;
  --bme-page-action-gap:11px;
  --bme-content-title-size:21px;
  --bme-content-description-size:11.5px;
  --bme-control-label-size:12px;
  --bme-table-number-font:"Inter",sans-serif;

  --bme-vs-primary-gradient:linear-gradient(135deg,#0a2d5d 0%,#1559a7 58%,#1e72cf 100%);
  --bme-vs-accent-gradient:linear-gradient(135deg,#d8ae4e 0%,#f3d989 100%);
}

html[lang="en"]{font-family:var(--font-en)}
html[lang="th"]{font-family:var(--font-th)}
body,button,input,select,textarea,table{font-family:inherit}

.bme-svg-icon{
  width:1.15em;
  height:1.15em;
  display:inline-block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.18em;
  background:transparent;
}
.bme-icon-host{display:inline-flex;align-items:center;justify-content:center;line-height:0;background:transparent}
.bme-icon-host.bx::before{content:none!important;display:none!important}
.bme-boxicon{width:20px;height:20px}

body.asset-app-page{
  color:var(--bme-vs-text)!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:var(--font-regular)!important;
}
.asset-app-page h1,.asset-app-page h2,.asset-app-page h3,.asset-app-page h4{
  color:var(--bme-vs-text);
  letter-spacing:0;
}
.asset-app-page .topbar h1,
.asset-app-page .header:not(.asset-global-navbar) h1,
.asset-app-page .report-topbar h1,
.asset-app-page .asset-screen-topbar h1,
.asset-app-page .asset-page-title-row h1:not(.bme-page-header__title),
.asset-app-page .page-title:not(.bme-page-header__title){
  font-size:16px!important;
  line-height:24px!important;
  font-weight:var(--font-medium)!important;
  letter-spacing:0!important;
}
.asset-app-page .modal-title,
.asset-app-page .modal-header h2,
.asset-app-page [role="dialog"] h2{
  font-size:16px!important;
  line-height:24px!important;
  font-weight:var(--font-medium)!important;
}
.asset-app-page .section-title,
.asset-app-page .section-title h2,
.asset-app-page .section-title h3,
.asset-app-page .panel-header h2,
.asset-app-page .dash-card-head h3,
.asset-app-page .room-form-sections h3,
.asset-app-page .company-section-head h2{
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:var(--font-semibold)!important;
}
.asset-app-page .card-title,
.asset-app-page .panel-title,
.asset-app-page .side-card-head h3{
  font-size:14px!important;
  font-weight:var(--font-medium)!important;
}
.asset-app-page .topbar p,
.asset-app-page .header:not(.asset-global-navbar) p,
.asset-app-page .report-topbar p,
.asset-app-page .asset-screen-topbar p,
.asset-app-page .panel-header p,
.asset-app-page .dash-card-head p,
.asset-app-page .modal-subtitle,
.asset-app-page .id-note,
.asset-app-page .cell-note,
.asset-app-page .secondary-text{
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:var(--font-regular)!important;
  color:var(--bme-vs-muted)!important;
}
.asset-app-page label,
.asset-app-page .form-label,
.asset-app-page .field>label{
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:var(--font-medium)!important;
  color:#334a66!important;
}
.asset-app-page input,
.asset-app-page select,
.asset-app-page textarea,
.asset-app-page .global-search-input{
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:var(--font-regular)!important;
}
.asset-app-page table th,
.asset-app-page thead th{
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:var(--font-medium)!important;
  letter-spacing:0!important;
}
.asset-app-page table td,
.asset-app-page tbody td{
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:var(--font-regular)!important;
}
.asset-app-page table td strong{font-weight:var(--font-medium)!important}
.asset-app-page .btn,
.asset-app-page button.btn,
.asset-app-page button:not(.asset-sidebar-toggle):not(.asset-global-icon):not(.asset-global-avatar){
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:var(--font-medium)!important;
}
.asset-app-page .badge,
.asset-app-page [class*="status-"]{
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:var(--font-medium)!important;
}
.asset-app-page small,
.asset-app-page .helper-text,
.asset-app-page .caption,
.asset-app-page .section-hint{
  font-size:11.5px!important;
  font-weight:var(--font-regular)!important;
}
.asset-app-page .erp-kpi strong,
.asset-app-page [class*="kpi"] strong,
.asset-app-page [class*="summary"] .metric-value{
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:var(--font-semibold)!important;
}
.asset-app-nav>a,.asset-report-nav-toggle,.asset-sidebar-action{
  font-size:14px!important;
  font-weight:var(--font-regular)!important;
}
.asset-app-nav>a.active,
.asset-report-nav-toggle.active{font-weight:var(--font-medium)!important}
.asset-app-page .btn-primary{
  box-shadow:0 4px 12px rgba(14,73,139,.12)!important;
}
.asset-app-page .btn-primary:hover{filter:brightness(1.025);transform:translateY(-1px)}
.asset-app-page .btn-secondary{box-shadow:none!important}
.asset-global-brand-copy strong,
.brand-title,
.landing-brand-display{font-family:var(--font-display)!important;font-weight:400!important}

.bme-action-link,
.dash-card-head>a,
.product-card a,
.back-site,
.asset-import-page .back{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#14579f!important;
  font-size:13.5px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
.dash-card-head>a{
  min-height:32px;
  padding:6px 10px;
  border:1px solid #d8e5f2;
  border-radius:9px;
  background:#f7fbff;
  white-space:nowrap;
}
.dash-card-head>a:hover,.bme-action-link:hover{color:#08396f!important;background:#edf6ff}
.dash-card-head>a .bme-svg-icon,.bme-action-link .bme-svg-icon{width:15px;height:15px}

.room-summary-grid article:nth-child(1)>.bme-svg-icon,
.dash-summary-grid article:nth-child(1) .bme-svg-icon{color:#175fae;background:transparent}
.room-summary-grid article:nth-child(2)>.bme-svg-icon,
.dash-summary-grid article:nth-child(2) .bme-svg-icon{color:#118575;background:transparent}
.room-summary-grid article:nth-child(3)>.bme-svg-icon,
.dash-summary-grid article:nth-child(3) .bme-svg-icon{color:#7661c9;background:transparent}
.room-summary-grid article:nth-child(4)>.bme-svg-icon,
.dash-summary-grid article:nth-child(4) .bme-svg-icon{color:#a66d0e;background:transparent}
.room-summary-grid article:nth-child(5)>.bme-svg-icon,
.dash-summary-grid article:nth-child(5) .bme-svg-icon{color:#c14f69;background:transparent}

.room-summary-grid article>.bme-svg-icon,
.dash-summary-grid article .bme-svg-icon,
.company-summary-grid article>.bme-svg-icon{
  width:42px!important;
  height:42px!important;
  padding:10px;
  border-radius:13px;
  stroke-width:1.75;
}

.room-actions .btn,.row-actions .btn{min-height:34px;padding:7px 10px;font-size:12.5px!important}

@media(max-width:640px){
  body.asset-app-page{font-size:14px!important}
  .asset-app-page .topbar h1,
  .asset-app-page .header:not(.asset-global-navbar) h1,
  .asset-app-page .report-topbar h1,
  .asset-app-page .asset-screen-topbar h1{font-size:16px!important;line-height:24px!important}
  .asset-app-page .btn{font-size:14px!important}
}

/* Keep existing icon wrappers intact while rendering the SVG inside. */
.room-summary-grid article>i.bme-icon-host,
.dash-summary-grid article i.bme-icon-host,
.company-summary-grid article>i.bme-icon-host{
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
}
.room-summary-grid article>i.bme-icon-host .bme-svg-icon,
.dash-summary-grid article i.bme-icon-host .bme-svg-icon,
.company-summary-grid article>i.bme-icon-host .bme-svg-icon{width:20px!important;height:20px!important}
.room-summary-grid article:nth-child(1)>i.bme-icon-host{color:#175fae;background:transparent}
.room-summary-grid article:nth-child(2)>i.bme-icon-host{color:#118575;background:transparent}
.room-summary-grid article:nth-child(3)>i.bme-icon-host{color:#7661c9;background:transparent}
.room-summary-grid article:nth-child(4)>i.bme-icon-host{color:#a66d0e;background:transparent}
.room-summary-grid article:nth-child(5)>i.bme-icon-host{color:#c14f69;background:transparent}

.asset-type-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.asset-type-field .btn{white-space:nowrap}
.btn-icon-text{display:inline-flex!important;align-items:center!important;gap:6px!important}

/* Landing page brand palette and legibility adjustments. */
body.bme-landing{
  --purple-800:#06204a;
  --purple-700:#0a2d5d;
  --purple-600:#1559a7;
  --purple-500:#1e72cf;
  --purple-100:#eaf3ff;
  --pink:#d6aa45;
  --soft:#f5f8fc;
  --line:#dfe7f0;
  --ink:#10233f;
  --muted:#66778d;
  --shadow:0 24px 70px -28px rgba(8,38,79,.30);
}
body.bme-landing .landing-header{border-bottom-color:rgba(216,227,239,.9)}
body.bme-landing .landing-nav-links a{font-size:14.5px;font-weight:500;color:#445a73}
body.bme-landing .landing-nav-links a:after{background:linear-gradient(90deg,#d6aa45,#f0d385)}
body.bme-landing .landing-button{font-size:14px;font-weight:600;border-radius:12px}
body.bme-landing .landing-button-primary{background:var(--bme-vs-primary-gradient);box-shadow:0 13px 28px -14px rgba(14,73,139,.7)}
body.bme-landing .landing-button-light{color:#0a2d5d}
body.bme-landing .landing-hero{background:radial-gradient(720px 430px at 15% -8%,rgba(30,114,207,.16),transparent 62%),radial-gradient(620px 400px at 90% 8%,rgba(214,170,69,.14),transparent 63%),linear-gradient(#fff,#fff)}
body.bme-landing .hero-copy h1{font-size:56px;font-weight:600;letter-spacing:-.025em}
body.bme-landing .hero-copy h1 em{background:linear-gradient(110deg,#0a2d5d,#1e72cf 62%,#c89323);-webkit-background-clip:text;background-clip:text}
body.bme-landing .hero-copy>p{font-size:16.5px;line-height:1.75}
body.bme-landing .hero-trust span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}
body.bme-landing .hero-trust .bme-svg-icon{width:15px;height:15px;color:#118575}
body.bme-landing .device-window{background:#071d45;box-shadow:0 42px 90px -32px rgba(8,38,79,.52)}
body.bme-landing .device-toolbar,body.bme-landing .demo-sidebar{background:#071d45}
body.bme-landing .demo-sidebar i{display:flex;align-items:center;gap:8px}
body.bme-landing .demo-sidebar i .bme-svg-icon{width:14px;height:14px}
body.bme-landing .demo-sidebar i.active{background:linear-gradient(90deg,rgba(30,114,207,.35),rgba(214,170,69,.10));border-left-color:#d6aa45}
body.bme-landing .demo-head button{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#0a2d5d,#1e72cf)}
body.bme-landing .demo-kpis i .bme-svg-icon,body.bme-landing .asset-thumb .bme-svg-icon{width:18px;height:18px}
body.bme-landing .demo-table-link{display:inline-flex;align-items:center;gap:3px}
body.bme-landing .demo-table-link .bme-svg-icon{width:11px;height:11px}
body.bme-landing .capability-strip article>i{display:grid;place-items:center}
body.bme-landing .capability-strip article>i .bme-svg-icon{width:20px;height:20px}
body.bme-landing .product-card h3{font-size:17px;font-weight:600}
body.bme-landing .product-card p{font-size:13.5px;line-height:1.65}
body.bme-landing .product-card a,body.bme-landing .product-link-muted{font-size:13px;font-weight:600}
body.bme-landing .product-card a{display:inline-flex;align-items:center;gap:5px}
body.bme-landing .product-card a .bme-svg-icon{width:14px;height:14px}
body.bme-landing .product-icon .bme-svg-icon{width:24px;height:24px}
body.bme-landing .workflow-track>article>i .bme-svg-icon{width:23px;height:23px}
body.bme-landing .workflow-track h3{font-size:15px;font-weight:600}
body.bme-landing .workflow-track p{font-size:12.5px;line-height:1.6}
body.bme-landing .workflow-connector{align-self:center;display:grid;place-items:center;color:#8aa0b7}
body.bme-landing .workflow-connector .bme-svg-icon{width:20px;height:20px}
body.bme-landing .solution-panel,body.bme-landing .landing-cta>.landing-container{background:radial-gradient(340px 260px at 90% 10%,rgba(214,170,69,.24),transparent 70%),linear-gradient(135deg,#071d45,#0b3975)}
body.bme-landing .solution-copy p{font-size:14px}
body.bme-landing .solution-metrics small{font-size:12px}
body.bme-landing .plan-grid>article>p,body.bme-landing .plan-grid li{font-size:13px;line-height:1.55}
body.bme-landing .plan-icon .bme-svg-icon{width:22px;height:22px}
body.bme-landing .recommended-plan{background:linear-gradient(160deg,#071d45,#0b3975)!important}
body.bme-landing .recommended-label{background:linear-gradient(90deg,#c89323,#f0d385);color:#08264f}
body.bme-landing .landing-footer{background:#07182f}
body.bme-landing .landing-footer h3{font-size:14px}
body.bme-landing .landing-footer a,body.bme-landing .landing-footer p{font-size:12px;line-height:1.65}
body.bme-landing .landing-back-top{display:grid;place-items:center;background:var(--bme-vs-primary-gradient)}
body.bme-landing .landing-back-top .bme-svg-icon{width:19px;height:19px}

@media(max-width:820px){body.bme-landing .hero-copy h1{font-size:42px}}
@media(max-width:560px){
  .asset-type-field{grid-template-columns:1fr}
  body.bme-landing .hero-copy h1{font-size:34px}
  body.bme-landing .product-card p{font-size:13px}
}

/* Bilingual responsive text safety. Typography values are defined once above. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
:lang(th){
  letter-spacing:0;
  word-break:normal;
  line-break:loose;
}
.asset-app-page :where(h1,h2,h3,h4,h5,h6,p,label,small,.badge,.status-badge,th,td){
  overflow-wrap:anywhere;
}

@media (max-width:960px){
  .asset-app-page :where(.panel-header,.card-header,.page-header,.hero-actions,.page-actions,.form-actions){
    row-gap:10px;
    flex-wrap:wrap;
  }
  .asset-app-page :where(.table-wrap,.table-responsive,[class$="-table-wrap"],.branch-table,.room-table){
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media (max-width:640px){
  .asset-app-page :where(.form-grid,.filter-grid,.audit-filter-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .asset-app-page :where(.panel-header,.card-header,.page-header,.hero-actions,.page-actions,.form-actions){
    align-items:stretch;
  }
  .asset-app-page :where(.panel-header,.card-header,.page-header,.hero-actions,.page-actions,.form-actions)>.btn{
    max-width:100%;
  }
  .asset-app-page :where(.modal-card,[class$="-modal-card"],[class$="-modal-dialog"]){
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
  }
}

/* =========================================================
   MASTER PAGE HEADER — single authenticated header system
   Shared by Dashboard, Company, Branch, Room, Asset Register,
   Master Data, Import, QR, Operations, Depreciation, Reports,
   Users, System Center and Profile.
   ========================================================= */
.asset-app-page .bme-page-header{
  position:relative;
  width:100%;
  min-width:0;
  min-height:var(--bme-page-header-min-height);
  padding:var(--bme-page-header-padding-y) var(--bme-page-header-padding-x);
  border:1px solid var(--bme-vs-line);
  border-radius:var(--bme-page-header-radius);
  background:#fff;
  box-shadow:0 8px 28px rgba(15,38,72,.05);
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bme-page-header-gap);
  overflow:hidden;
}
.asset-app-page .bme-page-header__content{
  position:relative;
  z-index:1;
  min-width:0;
  max-width:900px;
  flex:1 1 auto;
}
.asset-app-page .bme-page-header__eyebrow{
  margin:0 0 8px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--bme-vs-gold);
  font-family:var(--font-en);
  font-size:var(--bme-page-eyebrow-size);
  font-weight:600;
  line-height:var(--bme-page-eyebrow-line);
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
}
.asset-app-page .bme-page-header__eyebrow i,
.asset-app-page .bme-page-header__eyebrow .bme-svg-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  font-size:16px;
}
.asset-app-page .bme-page-header__title{
  margin:0;
  color:var(--bme-vs-navy);
  -webkit-text-fill-color:currentColor;
  font-family:inherit;
  font-size:var(--bme-page-title-size);
  font-weight:var(--bme-page-title-weight);
  line-height:var(--bme-page-title-line);
  letter-spacing:0;
  opacity:1;
  visibility:visible;
}
.asset-app-page .bme-page-header__description{
  max-width:820px;
  margin:6px 0 0;
  color:var(--bme-vs-muted);
  font-family:inherit;
  font-size:var(--bme-page-description-size);
  font-weight:400;
  line-height:var(--bme-page-description-line);
}
.asset-app-page .bme-page-header__meta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.asset-app-page .bme-page-header__meta>span{
  min-height:var(--bme-page-meta-height);
  padding:6px 11px;
  border:1px solid #e3e8ef;
  border-radius:999px;
  background:#fff;
  color:#5f6f84;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11.5px;
  font-weight:400;
  line-height:1.35;
  white-space:nowrap;
}
.asset-app-page .bme-page-header__meta>span i,
.asset-app-page .bme-page-header__meta>span .bme-svg-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  font-size:16px;
}
.asset-app-page :is(div,nav,aside).bme-page-header__actions{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:var(--bme-page-action-gap);
}
.asset-app-page :is(button,a,span).bme-page-header__actions{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  align-self:center;
  white-space:nowrap;
}
.asset-app-page .bme-page-header__actions :is(button,.btn,a),
.asset-app-page :is(button,a).bme-page-header__actions{
  min-height:42px;
  box-sizing:border-box;
  align-items:center;
  white-space:nowrap;
}
.asset-app-page .bme-page-header--decorated::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-38px;
  bottom:-70px;
  width:180px;
  height:180px;
  border:22px solid rgba(210,166,66,.11);
  border-radius:50%;
  box-sizing:border-box;
  pointer-events:none;
}
.asset-app-page .bme-page-header>*{position:relative;z-index:1;}

/* Report/Accounting inner sheet heading is intentionally one level below H1. */
.asset-app-page .bme-content-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.asset-app-page .bme-content-section-header__eyebrow{
  color:#f0c66e;
  font-family:var(--font-en);
  font-size:10.5px;
  font-weight:600;
  line-height:16px;
  letter-spacing:normal;
}
.asset-app-page .bme-content-section-header__title{
  margin:4px 0 0;
  font-size:var(--bme-content-title-size);
  font-weight:600;
  line-height:1.30;
}
.asset-app-page .bme-content-section-header__description{
  margin:3px 0 0;
  font-size:var(--bme-content-description-size);
  font-weight:400;
  line-height:1.50;
}

/* Controls whose labels must never break into fragments such as “แสด / ง”. */
.asset-app-page :is(
  .report-result-toolbar,
  .report-data-pager,
  .asset-list-footer,
  .qr-pagination,
  .spare-pagination,
  .asset-page-size,
  .spare-page-size,
  .pagination,
  [class*="page-size"]
) :is(label,span,button,select){
  white-space:nowrap;
}
.asset-app-page :is(.asset-page-size,.spare-page-size,[class*="page-size"]){
  min-width:max-content;
}

/* Currency and numeric alignment: real baseline layout, no top offsets. */
.asset-app-page .bme-currency,
.asset-app-page :is(.depreciation-money-strong,.asset-table-money,.column-money,.num){
  font-family:var(--bme-table-number-font);
  font-variant-numeric:tabular-nums;
}
.asset-app-page .bme-currency{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  line-height:1.15;
}
.asset-app-page .bme-currency::first-letter{line-height:1;}

@media(max-width:1024px){
  .asset-app-page .bme-page-header{
    min-height:148px;
    gap:20px;
  }
  .asset-app-page .bme-page-header__title{font-size:24px;}
  .asset-app-page :is(div,nav,aside).bme-page-header__actions{max-width:52%;}
}
@media(max-width:640px){
  :root{
    --bme-page-header-padding-y:18px;
    --bme-page-header-padding-x:16px;
    --bme-page-header-radius:14px;
  }
  .asset-app-page .bme-page-header{
    min-height:auto;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .asset-app-page .bme-page-header__title{font-size:22px;line-height:1.30;}
  .asset-app-page .bme-page-header__description{font-size:13px;}
  .asset-app-page .bme-page-header__meta{margin-top:12px;}
  .asset-app-page :is(div,nav,aside).bme-page-header__actions,
  .asset-app-page :is(button,a,span).bme-page-header__actions{
    width:100%;
    max-width:none;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .asset-app-page .bme-page-header--decorated::after{
    right:-62px;
    bottom:-92px;
    opacity:.75;
  }
  .asset-app-page .bme-content-section-header{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Some pages use a generic header class inside a white card. */
.asset-app-page .header:not(.asset-global-navbar):not(.topbar) h1,
.asset-app-page .header:not(.asset-global-navbar):not(.topbar) h2,
.asset-app-page .panel-header h1,
.asset-app-page .panel-header h2,
.asset-app-page .card-header h1,
.asset-app-page .card-header h2 {
  color: #102d51 !important;
  -webkit-text-fill-color: #102d51 !important;
}

.asset-app-nav>a>i.bme-icon-host,.asset-report-nav-toggle>span>i.bme-icon-host,.asset-sidebar-action>i.bme-icon-host{background:transparent!important;}
.asset-app-nav>a>i.bme-icon-host>.bme-svg-icon,.asset-report-nav-toggle>span>i.bme-icon-host>.bme-svg-icon,.asset-sidebar-action>i.bme-icon-host>.bme-svg-icon{vector-effect:non-scaling-stroke;}