/* Restrained accents and a local business clock for the home screen. */
.neo-home .neo-intro-aside{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(18px,3vw,42px);min-width:0}
.neo-home .neo-datetime{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding-bottom:3px;font-variant-numeric:tabular-nums}
.neo-home .neo-datetime-day{color:#83858a;font-size:11px;letter-spacing:.035em;text-transform:capitalize}
.neo-home .neo-datetime-line{display:flex;align-items:baseline;gap:17px;white-space:nowrap}
.neo-home .neo-datetime-date{color:#4a4b4e;font-size:clamp(18px,1.55vw,25px);font-weight:500;letter-spacing:-.035em}
.neo-home .neo-datetime-time{color:#36373a;font-size:clamp(31px,2.7vw,43px);font-weight:500;line-height:1;letter-spacing:-.055em}
.neo-home .neo-datetime-time::before{content:"";display:inline-block;width:6px;height:6px;margin:0 13px 6px 0;border-radius:50%;background:#bd8061;box-shadow:0 0 0 3px rgba(189,128,97,.1)}

.neo-home .neo-tile{--tile-accent:#8e809d}
.neo-home .neo-tile-orders,.neo-home .neo-tile-breeder{--tile-accent:#b68857}
.neo-home .neo-tile-search,.neo-home .neo-tile-matrix{--tile-accent:#927591}
.neo-home .neo-tile-attendance,.neo-home .neo-tile-planogram{--tile-accent:#6d86a5}
.neo-home .neo-tile-kpi{--tile-accent:#a87764}
.neo-home .neo-tile::after{content:"";position:absolute;top:25px;right:25px;width:7px;height:7px;border-radius:50%;background:var(--tile-accent);box-shadow:0 0 0 3px rgba(255,255,255,.42)}
.neo-home .neo-tile-icon{color:var(--tile-accent)}

.neo-home .neo-brands{gap:16px}
.neo-home .neo-brand-tile{width:100%;min-height:95px;padding:12px 16px;border:1px solid rgba(255,255,255,.62);border-radius:19px;background:#dedee0;box-shadow:5px 5px 11px #c1c2c4,-5px -5px 11px #f7f7f8;transition:transform .2s ease,box-shadow .2s ease}
.neo-home .neo-brand-tile:hover{transform:translateY(-2px);box-shadow:7px 8px 14px #bdbec1,-6px -6px 13px #fafafa}
.neo-home .neo-brand-tile:active{transform:translateY(1px);box-shadow:inset 3px 3px 7px #bfc0c2,inset -3px -3px 7px #fafafa}
.neo-home .neo-brand-tile img{height:54px;max-height:54px}

@media(max-width:1150px){
  .neo-home .neo-intro{align-items:flex-start}
  .neo-home .neo-intro-aside{align-items:flex-end;flex-direction:column;gap:14px}
  .neo-home .neo-datetime{align-items:flex-end}
}
@media(max-width:790px){
  .neo-home .neo-intro{align-items:flex-start;gap:18px}
  .neo-home .neo-intro-aside{align-items:flex-end;gap:12px}
  .neo-home .neo-datetime-date{font-size:16px}
  .neo-home .neo-datetime-time{font-size:32px}
  .neo-home .neo-datetime-time::before{margin-right:9px}
  .neo-home .neo-brand-tile{min-height:82px;padding:10px 12px;border-radius:17px}
  .neo-home .neo-brand-tile img{height:48px;max-height:48px}
}
@media(max-width:600px){
  .neo-home .neo-intro{flex-direction:column;gap:20px}
  .neo-home .neo-intro-aside,.neo-home .neo-datetime{align-items:flex-start}
  .neo-home .neo-intro-count{display:none}
  .neo-home .neo-datetime-line{flex-wrap:wrap;gap:10px 15px}
  .neo-home .neo-datetime-date{font-size:19px}
  .neo-home .neo-datetime-time{font-size:35px}
  .neo-home .neo-tile::after{top:18px;right:18px}
}
@media(max-width:430px){
  .neo-home .neo-brand-tile{min-height:76px;padding:9px;border-radius:15px}
  .neo-home .neo-brand-tile img{height:42px;max-height:42px}
}