/* WeEdit — desktop polish (computers / tablets wider than 760px). Phone layout lives in phone.css. */
/* empty-state text no longer squeezed into the icon column */
.nav .ico svg { width: 18px; height: 18px; display: block; margin: auto; }
.tx > div:only-child { grid-column: 1 / -1; color: #8b948e; }

@media (min-width: 761px) {
  /* ---------- readable type ---------- */
  .crumb { font-size: 13.5px; }
  .today { font-size: 13px; }
  .eyebrow { font-size: 11px; }
  .pagehead h1 { font-size: 31px; }
  .subtitle { font-size: 14.5px; }
  .navlabel { font-size: 10.5px; }
  .nav button { font-size: 14.5px; height: 44px; }
  .profile b { font-size: 13px; }
  .profile small { font-size: 11.5px; }
  .workspace b { font-size: 13px; }
  .workspace span { font-size: 12px; }

  .primary, .secondary, .select { font-size: 13px; padding: 10px 15px; }
  .filter { font-size: 12.5px; height: 36px; }
  .search { font-size: 13px; height: 36px; width: 200px; }
  .textbtn { font-size: 12.5px; }

  .paneltitle { font-size: 15.5px; }
  .panelsub { font-size: 12.5px; }
  .chartmeta, .legend { font-size: 11.5px; }
  .chartlabel { font-size: 11px !important; }
  .legendrow { font-size: 12.5px; }
  .donutcenter small { font-size: 11px; }

  th { font-size: 10.5px; padding: 12px 18px; }
  td { font-size: 13px; padding: 14px 18px; }
  .clientcell b { font-size: 13.5px; }
  .clientcell small { font-size: 12px; }
  .clientmini { width: 34px; height: 34px; font-size: 11px; }
  .status { font-size: 11.5px; padding: 5px 10px; }
  .progress { width: 120px; }
  .progress small { font-size: 11.5px; }
  .payment-state { font-size: 11.5px; }
  .payment-amount { font-size: 12px; }
  .tinybtn { font-size: 12px !important; }
  .footer { font-size: 12px; }

  .tx { padding: 13px 20px; }
  .tx b { font-size: 13.5px; }
  .tx small { font-size: 12px; }
  .txamount { font-size: 13.5px; }
  .txdate { font-size: 12px; }
  .txicon { width: 34px; height: 34px; }

  .drawclient b { font-size: 16px; }
  .drawclient small { font-size: 12.5px; }
  .drawtile small { font-size: 11.5px; }
  .drawtile b { font-size: 14px; }
  .drawsection h3 { font-size: 14.5px; }
  .milestone, .finance-row { font-size: 13px; }
  .finance-row.total b { font-size: 15px; }

  /* ---------- key-number cards: proper icon tile ---------- */
  .cards > .card { position: relative; }
  .cards > .card .cardicon { display: none !important; }
  .cards > .card > .kicon {
    display: grid; place-items: center; position: absolute; top: 16px; inset-inline-end: 16px;
    width: 42px; height: 42px; border-radius: 12px; background: #c8a96b22; color: #b99c62;
  }
  .cards > .card > .kicon svg { width: 22px; height: 22px; }
  .cards > .card > .cardtop { font-size: 13.5px; font-weight: 600; min-height: 42px; padding-inline-end: 54px; }
  .cards > .card .metric { font-size: 29px; margin: 6px 0 6px; }
  .cards > .card .metric small { font-size: 13px; }
  .cards > .card .trend { font-size: 12.5px; }

  /* ---------- sidebar icons ---------- */
  .nav .ico { width: 20px; display: grid; place-items: center; opacity: .85; }
  .nav .ico svg { width: 19px; height: 19px; }
  .nav button.active .ico, .nav button:hover .ico { opacity: 1; color: #d9bd7e; }
  .nav .count { font-size: 11px; }

  /* ---------- top bar ---------- */
  .topbar { height: 74px; }
  .top-right { gap: 12px !important; }
  .top-right .iconbtn { width: 40px; height: 40px; border-radius: 11px; }
  .top-right .iconbtn svg { width: 19px; height: 19px; }
  .top-right .langbtn { height: 40px; font-size: 13px; }
  .top-right > .avatar { width: 40px; height: 40px; font-size: 13px; cursor: pointer; background-size: cover; background-position: center; box-shadow: 0 0 0 2px #c8a96b55; }
  body:not(.cloud-editor) #weeditCloudSignout { display: none !important; }   /* owner signs out from My profile */
}

/* Event date: own line directly under the project name, same colour and weight as the name */
.clientcell .evdate { display: block; white-space: nowrap; color: #27322c; font-weight: 700; font-size: 12px; margin-top: 2px; }
body.dark .clientcell .evdate { color: #edf0eb; }
@media (min-width: 761px) { .clientcell .evdate { font-size: 12.5px; } }
@media (max-width: 760px) { .table-scroll .clientcell .evdate { font-size: 14px; margin-top: 3px; } }