/* Odoo look (docs/odoo-reference): page background #F8F9FA, Odoo font stack, app tile radius 8, name 21 px / 500, muted 14 px line */
  #bootSplash{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;background:#F8F9FA;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,"Noto Sans",Arial,sans-serif;
    font-size:14px;line-height:1.5;color:#212529;transition:opacity .35s ease}
  #bootSplash.done{opacity:0;pointer-events:none}
  .bs-card{text-align:center}
  .bs-mark{width:56px;height:56px;margin:0 auto 16px;border-radius:8px;background:#714B67;
    box-shadow:0 0 0 1px rgba(0,0,0,.075),0 1px 1px -.5px rgba(42,51,70,.03),0 2px 2px -1px rgba(42,51,70,.04);position:relative}
  .bs-mark::after{content:'';position:absolute;left:13px;top:19px;width:30px;height:16px;
    background:#fff;clip-path:polygon(0 100%,26% 34%,48% 68%,63% 44%,100% 100%)}
  .bs-name{font-size:21px;line-height:25.2px;font-weight:500;letter-spacing:0;color:#000}
  .bs-sub{font-size:14px;color:rgba(33,37,41,.75);margin-top:4px}
  .bs-bar{width:168px;height:4px;border-radius:99px;background:#E7EBED;margin:16px auto 0;overflow:hidden}
  .bs-bar span{display:block;width:40%;height:100%;border-radius:99px;background:#714B67;
    animation:bsSlide 1.1s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes bsSlide{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}

  @media (prefers-reduced-motion: reduce){ .bs-bar span{animation:none;width:100%} }