/* Morrow v0.5.5 — reliable file picker + clearly non-interactive examples */

/* The native label-for relationship opens the picker without depending on JS. */
.choose-file-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  text-decoration:none;
}

/* The examples are informational, not controls. */
.upload-examples{
  align-items:start;
}

.upload-example{
  pointer-events:none;
  cursor:default;
  gap:7px;
}

.upload-example-icon{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:23px;
  line-height:1;
}

/* Five distinct muted brand colors without button-like tiles. */
.upload-example-icon.calendar{
  color:#8170A7 !important;
}

.upload-example-icon.teacher{
  color:#668478 !important;
}

.upload-example-icon.activity{
  color:#B88736 !important;
}

.upload-example-icon.bill{
  color:#BC7465 !important;
}

.upload-example-icon.lease{
  color:#66829D !important;
}

.upload-example span:last-child{
  color:#243347;
  font-weight:700;
}

/* Remove any leftover space reserved for the deleted plus icon. */
.refreshed-upload-card{
  padding-top:38px;
}

.refreshed-upload-card h2{
  margin-top:0;
}


/* v0.5.6 — self-contained 3D Add-tab icons */
#addPage .upload-example-icon,
#addPage .upload-example-icon.calendar,
#addPage .upload-example-icon.teacher,
#addPage .upload-example-icon.activity,
#addPage .upload-example-icon.bell,
#addPage .upload-example-icon.newsletter{
  width:64px !important;
  height:64px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#addPage .upload-example-icon img{
  display:block !important;
  width:64px !important;
  height:64px !important;
  object-fit:contain !important;
  background:transparent !important;
}

@media(max-width:390px){
  #addPage .upload-example-icon,
  #addPage .upload-example-icon img{
    width:56px !important;
    height:56px !important;
  }
}

