/* Customer desktop canvas. The cover is the original artwork from the user's presentation. */
@media (min-width:640px) {
  html.desktop:not(.admin-portal) .app {
    background-color:#eef6fc;
    background-image:linear-gradient(110deg,#f8fbfe30,#e9f5ff0d),url('../indicator-assets/ui/desktop-cover.png');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
  }

  html.desktop.dark:not(.admin-portal) .app {
    background-color:#172635;
    background-image:linear-gradient(110deg,#12202ff0,#142b40cf),url('../indicator-assets/ui/desktop-cover.png');
  }

  html.desktop:not(.admin-portal) #content:has(.biz-home-page) {
    max-width:none;
    padding:32px var(--desktop-space);
  }

  html.desktop:not(.admin-portal) .biz-home-page {
    display:flex;
    flex-direction:column;
    gap:26px;
    max-width:none;
    min-height:calc(100dvh - 168px);
    margin:0;
  }

  html.desktop:not(.admin-portal) .biz-home-page .biz-heading {
    margin:0;
  }

  html.desktop:not(.admin-portal) .biz-home-launcher {
    flex:1;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(210px,1fr));
    gap:18px;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }

  html.desktop:not(.admin-portal) .biz-page .biz-home-entry {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:28px;
    min-height:210px;
    padding:30px 28px;
    border:1px solid #ffffffb8;
    border-radius:18px;
    background:#ffffffe0;
    box-shadow:0 7px 28px #30608d08;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }

  html.desktop:not(.admin-portal) .biz-home-entry-icon {
    width:56px;
    height:56px;
    flex-basis:56px;
  }

  html.desktop:not(.admin-portal) .biz-home-entry-icon svg {
    width:28px;
    height:28px;
  }

  html.desktop:not(.admin-portal) .biz-home-entry-copy {
    flex:0 1 auto;
    gap:9px;
    width:100%;
    padding-right:14px;
  }

  html.desktop:not(.admin-portal) .biz-page .biz-home-entry-copy strong {
    font-size:20px!important;
    line-height:1.4;
  }

  html.desktop:not(.admin-portal) .biz-page .biz-home-entry-copy small {
    color:#647b90;
    font-size:14px!important;
    line-height:1.7;
  }

  html.desktop:not(.admin-portal) .biz-home-entry-trailing {
    position:absolute;
    top:36px;
    right:28px;
    color:#7896ae;
  }

  html.desktop:not(.admin-portal) .biz-home-entry-trailing>svg {
    width:18px;
    height:18px;
  }

  html.desktop:not(.admin-portal) .biz-page .biz-home-entry:hover {
    background:#fffffff5;
    border-color:#acd4f2;
    box-shadow:0 10px 30px #245a8c12;
    transform:translateY(-2px);
  }

  html.desktop:not(.admin-portal) .biz-page .biz-home-entry:active {
    background:#edf6ff;
    transform:translateY(0);
  }

  html.desktop.dark:not(.admin-portal) .biz-page .biz-home-entry {
    background:#203548de;
    border-color:#729abd30;
    box-shadow:0 7px 28px #09131e18;
  }

  html.desktop.dark:not(.admin-portal) .biz-home-entry-copy small {
    color:#a8bdcf;
  }

  html.desktop.dark:not(.admin-portal) .biz-home-entry-trailing {
    color:#99b6cf;
  }

  html.desktop.dark:not(.admin-portal) .biz-page .biz-home-entry:hover {
    background:#29465ef2;
    border-color:#7cb4e477;
  }

  html.desktop.dark:not(.admin-portal) .biz-page .biz-home-entry:active {
    background:#2d4b65;
  }
}

@media (min-width:640px) and (max-width:1399px) {
  html.desktop:not(.admin-portal) .biz-home-page {gap:22px}
  html.desktop:not(.admin-portal) .biz-home-launcher {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(110px,1fr));
    gap:14px;
  }
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry {
    min-height:110px;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    padding:24px;
  }
  html.desktop:not(.admin-portal) .biz-home-entry-copy {flex:1;gap:5px;padding:0}
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry-copy strong {font-size:18px!important}
  html.desktop:not(.admin-portal) .biz-home-entry-trailing {position:static;margin-left:auto}
}

@media (min-width:640px) and (max-width:1100px) {
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry {padding:20px 18px;gap:12px}
  html.desktop:not(.admin-portal) .biz-home-entry-icon {width:44px;height:44px;flex-basis:44px}
  html.desktop:not(.admin-portal) .biz-home-entry-icon svg {width:23px;height:23px}
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry-copy strong {font-size:17px!important}
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry-copy small {font-size:13px!important}
}

@media (prefers-reduced-motion:reduce) {
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry:hover,
  html.desktop:not(.admin-portal) .biz-page .biz-home-entry:active {transform:none}
}